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 @ 2022-09-23 15:17  李帆同学  阅读(879)  评论(0)  编辑  收藏  举报
TOP