uni-app - 禁用 APP 横屏旋转(用户操作行为)
App 操作 用户 旋转 行为 禁用 uni 横屏
2023-09-11 14:15:54 时间
前言
注意:利用 HTML5+ API 进行操作,这也就造成了 除了APP端 都不会生效(其他端参见 该 API)。
有时候,我们不希望用户利用 手机操作或重力感应 进行对咱们 app
进行旋转横屏(玩游戏那样),这样就会导致样式错乱。
解决方案
说明:锁定屏幕方向后屏幕只能按锁定的屏幕方向显示,关闭当前页面后仍然有效。
锁定屏幕方向可取以下值: “portrait-primary”: 竖屏正方向; “portrait-secondary”: 竖屏反方向,屏幕正方向按顺时针旋转180°; “landscape-primary”: 横屏正方向,屏幕正方向按顺时针旋转90°; “landscape-secondary”: 横屏方向,屏幕正方向按顺时针旋转270°; “portrait”: 竖屏正方向或反方向,根据设备重力感应器自动调整; “landscape”: 横屏正方向或反方向,根据设备重力感应器自动调整。
打开项目 App.vue
,在 onLaunch
生命周期函数中写入以下代码(锁定屏幕方向):
相关文章
- uni-app v-for循环遍历 动态切换class、动态切换style
- docker for windows & dotnet core app
- 第三百七十六节,Django+Xadmin打造上线标准的在线教育平台—创建用户操作app,在models.py文件生成5张表,用户咨询表、课程评论表、用户收藏表、用户消息表、用户学习表
- [AngularJS]1. Fisrt App, ng-app, Exprection{{}}
- uni-app:ios/android中的nvue和vue页面加载自定义字体(hbuilderx 3.7.3)
- android app 集成 信鸽推送
- [Angular] Upgrade existing Angular app to Progressive Web App
- [APP] Android 开发笔记 001-环境搭建与命令行创建项目
- 中移动物联手机端APP软件
- Instant Run 的操作影响到了代码,导致Android App启动闪退的问题
- 前端面试题及答案:app怎么做适配的?
- App乱世,3721离我们有多远
- ios xcode 怎样模拟app被挂起(在后台被系统杀死) APP 的五种状态
- ios xcode app被杀死了怎样打印调试 调试手动点开的APP 被系统唤醒的app的调试
- iOS app store无法提交以供审核 App隐私
- App Thinning(为什么苹果app上传时的包比在appStore下载下来的包大很多)
- Android 12.0 Launcher3 app图标长按去掉应用信息按钮
- Android 禁止App字体随系统字体大小而更改
- Android 10.0 Launcher3仿ios长按app图标实现抖动动画开始拖拽停止动画
- android 10.0 app 改变系统FoneSize大小 和 DisplaySize(density)
- 〖Python APP 自动化测试实战篇④〗- 通过 appium 驱动夜神模拟器完成第一个自动化脚本 - 查看通讯录
- 关于 appium 如何关闭 app (已解决)
- 〖Python APP 自动化测试实战篇⑩〗- app自动化总结与展望
- 谋哥:App排行榜的秘密
- Appium基础 — APP模拟手势高级操作(一)
- Android kotlin (仿微博App分享界面)用RecyclerView(androidx+BRVAH3.0.6+AnyLayer)实现从底部弹出菜单栏对话框功能
- uni-app_uView1.0 实现自动轮播图功能