HbuilderX打包的vue项目，状态栏问题

场景：老总让做的那个 APP，页面改来改去，最后做完了，状态栏需要沉浸背景，状态栏文字颜色也要改

上次说到解决 HbuilderX 打包的 vue 项目，物理返回键问题，当时装了 mui 框架，这个也需要，安装方法可以看[post cid="65" cover="" size="small"/]

状态栏状态

1. 沉浸，无高度，在打包时的 manifest.json 文件里的"plus"里加入

"statusbar": {
    "immersed": true
}

其他情况我碰到使用了后再加

状态栏文字颜色

在首个需要改变状态栏文字颜色的页面文件的 mounted()里写以下代码初始化 mui 框架

mui.init()

在每个需要改变状态栏文字颜色的页面文件的 mounted()里写以下代码即可，状态栏问题有两种颜色，深色(dark)和浅色(light)

mui.plusReady(function(){
     plus.navigator.setStatusBarStyle('light');
});