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)
},
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Blazor Hybrid适配到HarmonyOS系统
· Obsidian + DeepSeek:免费 AI 助力你的知识管理,让你的笔记飞起来!
· 解决跨域问题的这6种方案,真香!
· 一套基于 Material Design 规范实现的 Blazor 和 Razor 通用组件库
· 分享4款.NET开源、免费、实用的商城系统