在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