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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章