禁止手机旋转方向分为三步 1. 第一步 uniapp 根目录下pages.json 文件中追加下面四项 2. 第二步 u

分为三步

1. 第一步

uniapp 根目录下pages.json 文件中追加下面四项

"globalStyle": {
    "pageOrientation": "portrait", //横屏配置，全局屏幕旋转设置(仅 APP/微信/QQ小程序)，支持 auto / portrait / landscape
    "rpxCalcMaxDeviceWidth": 960,
    "rpxCalcBaseDeviceWidth": 375,
    "rpxCalcIncludeWidth": 750
}

2. 第二步

uniapp 根目录下mainfest.json文件中追加如下配置

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

3. 第三步

在你想强制横竖屏的页面的vue文件中的 onLoad 或者onShow的生命周期里面加上如下代码即可

//#ifdef APP-PLUS
plus.screen.lockOrientation('portrait-primary');
//#endif