uni-app:app:锁定屏幕方向禁止屏幕旋转(hbuilderx 3.7.3)

发布时间 2023-04-12 09:16:01作者: 刘宏缔的架构森林

一,第一种方法: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://www.cnblogs.com/architectforest

         对应的源码可以访问这里获取: https://github.com/liuhongdi/
         或: https://gitee.com/liuhongdi

说明:作者:刘宏缔 邮箱: 371125307@qq.com

三,测试效果

1,只支持竖向

 

 2,默认允许旋转时:

四,查看hbuilderx的版本: