uniapp禁止屏幕自动旋转

ღ张明宇࿐

已于 2023-04-19 19:07:41 修改

阅读量2.5k

点赞数 3

文章标签： uni-app

于 2023-04-19 18:50:23 首次发布

本文链接：https://blog.csdn.net/zmx781284440/article/details/130250717

版权

在App.vue文件中添加onLaunch函数，调用plus.screen.lockOrientation方法设置屏幕方向为portrait-primary，防止横屏。同时，在manifest.json的app-plus配置项下，设定distribute->orientation为portrait-primary，进一步确保应用始终竖屏显示。

摘要由CSDN通过智能技术生成

1.第一步：在App.vue里添加以下代码：

onLaunch: function() {
    // 禁止横屏
        // #ifdef APP-PLUS
	    plus.screen.lockOrientation("portrait-primary")
	    // #endif
},

2.第二步在manifest.json中配置

"app-plus" : {
        "distribute" : {
            "distribute" : {
                "orientation" : [ "portrait-primary"]//重力感应、横竖屏配置
            }
        },
    },