uni-app修改顶部状态栏颜色

在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

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