首先 我們打開項目的 manifest.json 在左側導航欄中找到 源碼視圖
然后找到 app-plus 配置 在下面加上
"orientation": [//豎屏正方向"portrait-primary",//豎屏反方向"portrait-secondary",//橫屏正方向"landscape-primary",//橫屏反方向"landscape-secondary",//自然方向"default"
],
然后 在需要實現旋轉屏幕的頁面中加上代碼
onLoad() {
// #ifdef APP-PLUSplus.screen.lockOrientation('default');// #endif
},// 頁面關閉時清除橫屏正方向onUnload() {// #ifdef APP-PLUSplus.screen.lockOrientation('portrait-primary');// #endif
},
然后 我們真機調試 默認狀態下還是豎屏的
但是 我們旋轉屏幕 將手機橫過來 神奇的一幕就出現了
然后 我們可以通過
uni.getSystemInfo({success: function(res) {if (res.windowWidth > res.windowHeight) {// 橫屏} else {// 豎屏}}
})
來判斷當前在什么情況下
簡單說 高度多就是豎屏 寬度多 就是橫屏