uniapp APP彻底横向全屏的设置

app想要彻底的全屏显示,一共要隐藏三样东西：APP导航栏、系统状态栏、系统虚拟按键。

1.pages.json

在globalStyle中加入"navigationStyle":"custom"，隐藏app导航栏。

{
	"pages": [
	],
	"globalStyle": {
		"navigationStyle":"custom",
	},
	"uniIdRouter": {}
}

2.manifest.json

在app-plus配置下添加"fullscreen":true,隐藏系统的状态栏。

{
    
    /* … */
    "app-plus" : {
        /* 全屏显示 */
        "fullscreen":true,
    }
    /* … */
}

3.App.vue

在事件中加入plus.navigator.hideSystemNavigation()，隐藏虚拟按键。

<script>
	export default {
		onLaunch: function() {
			plus.navigator.hideSystemNavigation() //隐藏虚拟按键
		},

	}
</script>