uniapp设置强制竖屏wgt包强制竖屏uniapp锁定屏幕竖直方向

分类：uni-app

分为三步

第一步
uniapp 根目录下pages.json 文件中追加下面四项
"globalStyle": {
"pageOrientation": "portrait", //横屏配置，全局屏幕旋转设置(仅 APP/微信/QQ小程序)，支持 auto / portrait / landscape
"rpxCalcMaxDeviceWidth": 960,
"rpxCalcBaseDeviceWidth": 375,
"rpxCalcIncludeWidth": 750
}
第二步
uniapp 根目录下mainfest.json文件中追加如下配置
distribute" : {
"orientation" : ["portrait-primary" ] //重力感应、横竖屏配置
}
第三步
在你想强制横竖屏的页面的vue文件中的 onLoad 或者onShow的生命周期里面加上如下代码即可
//#ifdef APP-PLUS
plus.screen.lockOrientation('portrait-primary');
//#endif

横竖屏切换都可参照此篇文章已本人亲自尝试，如有疑问者可下方留言会帮忙解答

3 赞关注分享

5 个评论

要回复文章请先登录或注册

传言

请教一下，请问我外部网页打开看视频，怎么全屏，谢谢

2022-07-09 01:12

史蒂芬丿闰土

回复 fjy1012 ：

这个比较简洁，楼主的太麻烦了，只用在App.vue搞这一行就行了

2022-05-15 14:16

fjy1012

回复 fjy1012 ：

只试了安卓app，其他没试

2021-01-28 10:42

fjy1012

我试了下只要在app.vue加以下代码就行了
onLaunch: function() {
//#ifdef APP-PLUS
plus.screen.lockOrientation('landscape-primary'); // 强制横屏
plus.screen.lockOrientation('portrait-primary'); // 强制竖屏
//#endif
console.log('App Launch')
},

2021-01-28 10:41

z***@qq.com

### 按照你的方式强制横屏一直无效
```json
//minifest.json
{
"distribute" : {
"orientation" : ["landscape-primary"] //重力感应、横竖屏配置
}
}
//pages.js
{
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "uView",
"navigationBarBackgroundColor": "#FFFFFF",
"backgroundColor": "#FFFFFF",
"pageOrientation":"landscape"
}
}

//页面
onShow() {
plus.screen.lockOrientation('landscape-primary');
},
onLoad() {
plus.screen.lockOrientation('landscape-primary');
}
```

2021-01-06 08:55

uniapp设置强制竖屏wgt包强制竖屏uniapp锁定屏幕竖直方向

5 个评论

目录

公告

相关问题