橫屏豎屏之間的切換
updated(){
if(this.PageCur=='news'){
//滿足條件轉換為橫屏
plus.screen.lockOrientation("landscape-primary");
}else{
//否則便會原來的豎屏
plus.screen.lockOrientation('portrait-primary');
}
},
切換之后會出現樣式變大,樣式混亂的問題
// 解決跳轉橫屏豎屏樣式放大錯亂問題
onBackPress(e) {
// 這里可以自定義返回邏輯,比如下面跳轉其他頁面
uni.redirectTo({url: './inedx'})
// return true 表示禁止默認返回
return true
},
app從豎屏頁面1進入豎屏頁面2,再進入橫屏,再返回,再返回從新回到豎屏頁面1,再次進入豎屏頁面2,發現豎屏頁面2的所有圖片字體都被放大了。再返回豎屏1,再進入豎屏2,一切又恢復正常。
解決:其實就是橫豎屏切換之后的 第一個加載的頁面樣式會錯亂,所以需要一個空白的頁面來承載這個樣式錯亂的問題。
在橫屏頁面返回時,監聽onBackPress()使其跳轉到一個空白的vue頁面,這個空白的vue頁面在跳轉到自己想去的頁面。
這樣的話,這個空白vue頁面會樣式錯亂,但不會影響其他頁面