先看官方属性
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
},