江湖中人
江湖中人
  • 发布:2024-01-25 15:57
  • 更新:2024-07-09 16:57
  • 阅读:854

强制竖屏问题处理

分类:uni-app

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

2024-01-25 15:57 负责人:无 分享
已邀请:
9***@qq.com

9***@qq.com

一样 不行

前端ll

前端ll - 前端菜鸟

你好,请问下解决了吗

要回复问题请先登录注册