uni-app:app:锁定屏幕方向禁止屏幕旋转(hbuilderx 3.7.3)
一,第一种方法:js代码:
App.vue
<script> export default { onLaunch: function() { console.warn('当前组件仅支持 uni_modules 目录结构 ,请升级 HBuilderX 到 3.1.0 版本以上!') 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> <style lang="scss"> /*每个页面公共css */ @import '@/uni_modules/uni-scss/index.scss'; /* #ifndef APP-NVUE */ @import '@/static/customicons.css'; /* #endif */ </style>
二,第二种方法:配置pages.json
在pages.json中添加如下一行:
"pageOrientation": "portrait",
说明:刘宏缔的架构森林是一个专注架构的博客,
网站:https://blog.imgtouch.com
原文: https://blog.imgtouch.com/index.php/2023/06/05/uniapp-app-suo-ding-ping-mu-fang-xiang-jin-zhi-ping-mu-xuan/
对应的源码可以访问这里获取: https://github.com/liuhongdi/
或: https://gitee.com/liuhongdi
说明:作者:刘宏缔 邮箱: 371125307@qq.com
三,测试效果
1,只支持竖向
2,默认允许旋转时: