在pages.json中写默认的状态栏配置,我是自定义的顶部栏,所以主要看更改状态栏的颜色即可

{
			"path": "pages/index/index",
			"style": {
				"navigationBarTitleText": "首页",
				"app-plus":{
					"titleNView":false    //去掉当前页的顶部导航栏
				},
				"navigationBarBackgroundColor":"#FE5786",
				"navigationBarTextStyle":"white"  //状态栏字体颜色
			}
		},

动态修改状态栏颜色,style可设置为dark和light ,字符串类型

void plus.navigator.setStatusBarStyle(style);

void plus.navigator.setStatusBarStyle("dark"); //黑色

void plus.navigator.setStatusBarStyle("light");//白色

H5+官网搜索  setStatusBarStyle  可查询具体参数

uni-app官网地址:https://uniapp.dcloud.io/collocation/pages

H5+地址:http://www.html5plus.org/doc/zh_cn/navigator.html#plus.navigator.setStatusBarStyle

如果有帮到你的话,欢迎激励一下作者。

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐