uniapp项目中禁止横屏 ,app不要自动旋转 -,保持竖屏,uniapp取消重力感应

1.适用于移动端,安卓和IOS,当即使手机打开了自动旋转的按钮,设置如下的代码后,页面依旧保持竖屏。

步骤一:
(1)在app.vue中加入一下的代码,只允许横屏显示:

<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
            // #ifdef APP-PLUS
			plus.screen.lockOrientation("portrait-primary")
            // #endif
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

步骤二:
修改manifest.json文件,通过编译器或者文本文件txt打开,进行添加一下的内容:

/* 应用发布信息 */
        "distribute" : {
             /* 重力感应、横竖屏配置 */
		"distribute" : {
			"orientation" : [ "portrait-primary"]
		},

在这里插入图片描述
在这里插入图片描述

更多推荐