uniapp app开发状态栏设置(使用plus)

197 阅读1分钟

uniapp app开发状态栏设置 mainifest.json

"app-plus": {
		"nvueCompiler": "uni-app",
		"softinputMode": "adjustPan",
		"statusbar": {
			"immersed": false,
			"style": "dark"
		}
...
}

page.json

"globalStyle": {
        "navigationBarTextStyle": "black", // white black
        "navigationBarBackgroundColor": "#ffffff",
        "backgroundColor": "#ffffff",
        "app-plus": {
                "navigationStyle": "custom",
                "bounce": "none"
        },
        "usingComponents": {
                "ly-tree-node": "/components/ly-tree/ly-tree-node"
        }
},
// #ifdef APP-PLUS
plus.navigator.setStatusBarBackground('#171818');
plus.navigator.setStatusBarStyle('white');
// #endif
destroyed() {
        // #ifdef APP-PLUS
        // plus.navigator.setStatusBarStyle('black')
        plus.navigator.setStatusBarBackground('#FFFFFF');
        // #endif
},

跳转到其他页面要在created方法里面触发才会生效

created() {
        // #ifdef APP-PLUS
        plus.navigator.setStatusBarBackground('#FFF');
        plus.navigator.setStatusBarStyle('black');
        // #endif
},