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,默认允许旋转时:

四，查看hbuilderx的版本: