uni-app修改顶部状态栏颜色
在pages.json中写默认的状态栏配置,我是自定义的顶部栏,所以主要看更改状态栏的颜色即可{"path": "pages/index/index","style": {"navigationBarTitleText": "首页","app-plus":{"titleNView":false//去掉当前页的顶部导航栏...
·
在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
如果有帮到你的话,欢迎激励一下作者。
更多推荐
已为社区贡献1条内容
所有评论(0)