zoukankan      html  css  js  c++  java
  • 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页面会样式错乱,但不会影响其他页面

  • 相关阅读:
    logging模块
    解压序列
    python碎片
    python碎片化
    [转]pycharm快捷键
    ios开发之自定义textView
    iOS 开发之字典写入文件
    iOS 开发之内存泄漏问题
    自己写小测试 内容:添加,删除,修改,详情,导出,上传文件,easyui tree树
    使用 jxl 实现复杂的excel 表格导出 java代码
  • 原文地址:https://www.cnblogs.com/axingya/p/15744361.html
Copyright © 2011-2022 走看看