自学内容网 自学内容网
自学内容网 > 正文

Uniapp横竖屏切换&让某一个页面只能横屏或者竖屏

🕗 发布于 2024-05-25 10:36 uni-app  

先看官方属性

plus.screen.lockOrientation('default'); // 默认横竖屏切换
plus.screen.lockOrientation('portrait-primary');// 竖屏展示
plus.screen.lockOrientation('landscape-primary'); // 强制横屏

简单需求：允许横竖屏切换

在 page.json增加以下代码

"globalStyle": {
"pageOrientation": "auto" // 屏幕自动切换
},

复杂需求：让某个界面只能横屏或者竖屏展示，其他界面不影响

A界面（可以切横竖屏）

onLoad() {
//  页面加载允许横竖屏展示
// #ifdef APP-PLUS
plus.screen.lockOrientation('default');
// #endif
},

B界面（只允许竖屏）

//页面显示时切换为横屏配置
onShow() {
// #ifdef APP-PLUS
uni.showLoading({
title: "加载中..."
})
setTimeout(() => {
plus.screen.unlockOrientation();
plus.screen.lockOrientation('portrait-primary');
uni.hideLoading();
}, 200)
//#endif
},
//页面卸载时切换为默认或者其他属性
onUnload() {
// #ifdef APP-PLUS
plus.screen.lockOrientation('default');
// #endif
},

原文地址：https://blog.csdn.net/weixin_43871703/article/details/139086748

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！

相关文章

  • B-树特点以及插入、删除数据过程

    查找插入位置：通过树的层级结构，从根节点到叶子节点进行查找，确定插入位置。插入元素：如果目标叶子节点有空间，直接插入元素。节点分裂：如果插入导致节点超出最大容量，将节点分裂并将中间元素推送到父节点。递

    阅读更多2024-11-15
  • JWT深度解析：Java Web中的安全传输与身份验证

    JSON Web Token（JWT）是一种轻量级的身份验证和授权标准，它允许在各方之间安全地传输信息。JWT作为一种安全传输信息和身份验证的解决方案，在Java Web开发中扮演着重要角色。它通过紧

    阅读更多2024-11-15
  • AR眼镜方案_AR智能眼镜阵列/衍射光波导显示方案

    采用光波导技术的AR眼镜显示方案，核心结构通常由光机、波导和耦合器组成。光机内的微型显示器通过一系列透镜将光线耦入波导镜片，使光线在波导中以全反射形式传播，并最终通过耦合器投射到人眼。因此，系统尺寸得

    阅读更多2024-11-15
  • Invar-RAG：基于不变性对齐的LLM检索方法提升生成质量

    在检索增强型生成（Retrieval-Augmented Generation, RAG）系统中直接应用大型语言模型（Large Language Models, LLMs）时面临的挑战。特征局部性问

    阅读更多2024-11-15
  • 决策树基本 CART Python手写实现

    【代码】决策树基本 CART Python手写实现。

    阅读更多2024-11-15
  • Redis

    String：简单键值存储，适合计数器、单一属性缓存。Hash：结构化存储，适用于存储对象数据（如用户信息）。List：有序队列，适合消息队列、任务队列。Set：无序集合，用于去重、唯一性统计、共同好

    阅读更多2024-11-15
  • 2、 家庭网络发展现状

    也就是wifi网络的更远覆盖，众所周知，经过节点mesh组网之后，速率会有一定下降，这也就是说mesh组网必须是5G组网或者有线组网，这样才可保证用户的体验，否则即使延伸了wifi信号覆盖，也会导致速

    阅读更多2024-11-15
  • 游戏引擎学习第10天

    RDTS是一种低级的、高精度的方式，用于访问处理器的时间戳计数器。它广泛用于性能分析、基准测试和高精度计时。需要注意的是，在使用时可能会受到 CPU 频率变化和多核同步等问题的影响，在这种情况下，RD

    阅读更多2024-11-15
  • Spring Data Redis常见操作总结

    Spring Data Redis常见操作总结

    阅读更多2024-11-15
  • css三角制作（二十课）

    CSS 这根神奇的魔法棒，就能把三角变出来 so easy！

    阅读更多2024-11-15
自学内容网
Copyright © 2015-2024