uniapp使用横竖屏显示样式错乱问题

记得在需要切换横竖屏的页面写
在onload生命周期写

onLoad() {
	// #ifdef APP-PLUS
	uni.showLoading({
	  title:"加载中..."
	})
	setTimeout(()=>{
          // 先解除屏幕输定
	  plus.screen.unlockOrientation();
          // 横屏
	  plus.screen.lockOrientation('landscape-primary');
	  uni.hideLoading();
	},1200)
	// #endif
}

在onUnload里边写

onUnload() {
	// #ifdef APP-PLUS
        // 先解除屏幕输定
	plus.screen.unlockOrientation();
	setTimeout(()=> {
        // 竖屏
	  plus.screen.lockOrientation('portrait-primary'); 
	},100)
	// #endif
},

如果需要横竖屏的时候手机的状态栏隐藏的话

onShow() {
	// 在页面显示的时候开启状态栏隐藏
	plus.navigator.setFullscreen(true)
},
onUnload() {
    // 在页面离开销毁的的时候关闭状态栏隐藏
	plus.navigator.setFullscreen(false)
},
posted @   李帆同学  阅读(901)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· Blazor Hybrid适配到HarmonyOS系统
· Obsidian + DeepSeek:免费 AI 助力你的知识管理,让你的笔记飞起来!
· 解决跨域问题的这6种方案,真香!
· 一套基于 Material Design 规范实现的 Blazor 和 Razor 通用组件库
· 分享4款.NET开源、免费、实用的商城系统
TOP
点击右上角即可分享
微信分享提示