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

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