先看官方属性
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 },
还没有评论,来说两句吧...