当前位置: 首页 > news >正文

uniapp 锁定竖屏,固定竖屏,锁定屏幕

锁定竖屏:

// 强制竖屏if (typeof plus !== 'undefined') {// 可选值:// 'portrait':竖屏(允许上下翻转)// 'portrait-primary':仅正竖屏(禁止倒转)plus.screen.lockOrientation('portrait');// uni.showToast({ title: '已锁定竖屏', icon: 'none' });} else {// uni.showToast({ title: '仅支持 App 端', icon: 'none' });}

所有案例:

<template><view class="container"><button @click="lockPortrait" class="btn">锁定竖屏</button><button @click="lockLandscape" class="btn">锁定横屏</button><button @click="unlockOrientation" class="btn">解除锁定</button></view>
</template><script>
export default {data() {return {};},onReady() {// 页面就绪后,先锁定为竖屏(可选)this.lockPortrait();},methods: {// 锁定竖屏lockPortrait() {// 确保在 App 环境下调用(H5/小程序不支持)if (typeof plus !== 'undefined') {// 可选值:// 'portrait':竖屏(允许上下翻转)// 'portrait-primary':仅正竖屏(禁止倒转)plus.screen.lockOrientation('portrait');uni.showToast({ title: '已锁定竖屏', icon: 'none' });} else {uni.showToast({ title: '仅支持 App 端', icon: 'none' });}},// 锁定横屏lockLandscape() {if (typeof plus !== 'undefined') {// 可选值:// 'landscape':横屏(允许左右翻转)// 'landscape-primary':仅正横屏(如Home键在右侧)plus.screen.lockOrientation('landscape');uni.showToast({ title: '已锁定横屏', icon: 'none' });} else {uni.showToast({ title: '仅支持 App 端', icon: 'none' });}},// 解除锁定(恢复系统自动旋转)unlockOrientation() {if (typeof plus !== 'undefined') {plus.screen.unlockOrientation();uni.showToast({ title: '已解除锁定', icon: 'none' });}}}
};
</script><style scoped>
.container {display: flex;flex-direction: column;gap: 30rpx;padding: 50rpx;
}.btn {padding: 20rpx;background-color: #3c9cff;color: white;border-radius: 8rpx;
}
</style>

http://www.dtcms.com/a/391339.html

相关文章:

  • 论文解读 | Franka 机器人的 CRISP-ROS2 集成实践:适配学习型操作策略与遥操作
  • Redis数据库(二)—— Redis 性能管理与缓存问题解决方案指南
  • TCP KeepAlive判断离线的记录
  • Ceph 测试环境 PG_BACKFILL_FULL
  • 维星AI的GEO搜索优化:企业在AI时代的可见度突围之道
  • Abp Vnext 数据库由SQL server切换MySQL
  • Linux嵌入式自学笔记(基于野火EBF6ULL):4.gcc
  • Mellanox网卡寄存器PPCC
  • [vibe code追踪] 应用状态管理 | 交互式点击 | 共享白板
  • SG-TCP232-110 单通道串口服务器,一键实现串口与以太网双向转换
  • 零基础入门神经网络:从数学公式到通俗理解
  • 坤驰科技诚邀您参加——第十三届中国光纤传大会
  • 如何找到高质量的Java项目教程?
  • 无声的战场:AUTOSAR AP日志里的谍影重重(1)
  • ThinkPHP在使用nginx反向代理后如何获取真实的Ip地址
  • LeetCode 分类刷题:2439. 最小化数组中的最大值
  • Git最佳实践(Golang示例项目)
  • 20250919在荣品RD-RK3588-MID开发板的Android13系统下使用TF卡刷机解决竖屏横用的时候的竖屏提示的问题
  • Makefile学习(三)- CFLAGS和LDFLAGS
  • React 新闻发布系统 NewSandBox侧边栏与顶部栏布局
  • ppt视频极致压缩参数
  • 49.Mysql多实例部署
  • java 上传文件和下载/预览文件 包括音频调进度条
  • 部署你的 Next.js 应用:Vercel、Netlify 和自托管选项
  • 从产品经理视角:小智AI的产品介绍与分析
  • 解决:导包红色波浪线但正常运行及其后续问题
  • webrtc弱网-LinkCapacityEstimator类源码分析与算法原理
  • vue el-autocomplete输入框自动匹配优化,建议项按高度相似降序
  • 十分钟了解@Version注解
  • vue3+ts+uniapp H5微信小程序app有截止日期的日期date-pcicker组件