mui设置手机状态栏样式的两种方式

1.方式一:经过全局设置状态栏为沉浸式

代码以下:在manifest.json文件下添加以下代码:

"plus": {
    	"statusbar": {
	        "immersed": true
	    },

immersed为true表示开启状态栏为沉浸式

说明:所谓沉浸式就是通知栏会根据手机内容适应性变色.这种方式适用于全局页面

2.方式二:经过H5+来实现

代码以下:

<script>
	mui.init();
	
	mui.plusReady(function() {
		//设置状态栏的背景颜色
		plus.navigator.setStatusBarBackground('#262630');
		
		//设置系统状态栏样式 (可选值:dark,light,UIStatusBarStyleDefault,UIStatusBarStyleBlackOpaque)
		plus.navigator.setStatusBarStyle('dark');
	});
</script>

说明:plus.navigator的方式修改是针对单个页面