uniapp橫屏豎屏的切換及出現的切換出現的樣式混亂問題


橫屏豎屏之間的切換

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頁面會樣式錯亂,但不會影響其他頁面


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM