uniapp改变顶部的信号、时间、电池显示颜色

未改之前的效果

uniapp改变顶部的信号、时间、电池显示颜色_第1张图片

改之后的效果

uniapp改变顶部的信号、时间、电池显示颜色_第2张图片

爬坑(看完爬坑再继续看)

  • Android6.0及以上系统支持,部分ROM(魅族、小米)Android5.0及以上系统支持。 通常默认为"dark",不同ROM可能存在差异。
  • iOS - 7.0+ (支持) : iOS7及以上系统默认为"light",iOS6及以下系统默认为"dark"。
  • 安卓模拟器大部分都不支持(测试时间为2020年3月16日)。

修改方法1

在page.json中修改该页面style属性里的navigationBarTextStyle属性("navigationBarTextStyle": "black" ),仅支持 black/white。

"pages": [
    {
        "path": "pages/bookdetial/index",
	"style": {
	            "navigationBarTitleText": "首页",
		    "navigationBarTextStyle": "black" //仅支持 black/white
		}
    },
]

修改方法2

在页面中使用nativejs的api,native是uni内置的sdk,不需要手动引入,直接用就可以。

onReady(){
	    plus.navigator.setStatusBarStyle("dark"); //只支持dark和light
	}

 

你可能感兴趣的:(uni,vue)