查看: 37|回覆: 0

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

[複製鏈接]

2

主題

0

回帖

0

積分

热心网友

金币
0
閲讀權限
220
精華
0
威望
0
贡献
0
在線時間
0 小時
註冊時間
2011-4-1
發表於 2023-4-12 09:09:00 | 顯示全部樓層 |閲讀模式

一,第一种方法: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的版本: 



来源:https://www.cnblogs.com/architectforest/p/17308618.html
回覆

使用道具 舉報

您需要登錄後才可以回帖 登錄 | 立即注册

本版積分規則

相关侵权、举报、投诉及建议等,请发 E-mail:qiongdian@foxmail.com

Powered by Discuz! X5.0 © 2001-2026 Discuz! Team.

在本版发帖返回顶部