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

先看官方属性

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

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

在 page.json增加以下代码

javascript 复制代码
	"globalStyle": {
		"pageOrientation": "auto" // 屏幕自动切换
	},

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

A界面(可以切横竖屏)

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

B界面(只允许竖屏)

javascript 复制代码
		//页面显示时切换为横屏配置
		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
		},
相关推荐
2501_9159090616 分钟前
iOS App 上架全流程详解:证书配置、打包上传、审核技巧与跨平台上架工具 开心上架 实践
android·ios·小程序·https·uni-app·iphone·webview
2501_9151063219 分钟前
iOS 26 系统流畅度测试实战分享,多工具组合辅助策略
android·macos·ios·小程序·uni-app·cocoa·iphone
2501_9159184120 分钟前
开发 iOS 应用全流程指南,环境搭建、证书配置与跨平台使用 开心上架 上架AppStore
android·ios·小程序·https·uni-app·iphone·webview
2501_915921439 小时前
iOS 是开源的吗?苹果系统的封闭与开放边界全解析(含开发与开心上架(Appuploader)实战)
android·ios·小程序·uni-app·开源·iphone·webview
2501_9159090612 小时前
原生 iOS 开发全流程实战,Swift 技术栈、工程结构、自动化上传与上架发布指南
android·ios·小程序·uni-app·自动化·iphone·swift
2501_9151063212 小时前
Comodo HTTPS 在工程中的部署与排查实战(证书链、兼容性与真机抓包策略)
网络协议·http·ios·小程序·https·uni-app·iphone
2501_9159090612 小时前
苹果软件混淆与 iOS 代码加固趋势,IPA 加密、应用防反编译与无源码保护的工程化演进
android·ios·小程序·https·uni-app·iphone·webview
2501_9160074712 小时前
苹果软件混淆与 iOS 应用加固实录,从被逆向到 IPA 文件防反编译与无源码混淆解决方案
android·ios·小程序·https·uni-app·iphone·webview
2501_9160088918 小时前
iOS 26 性能分析深度指南 包含帧率、渲染、资源瓶颈与 KeyMob 协助策略
android·macos·ios·小程序·uni-app·cocoa·iphone