1***@qq.com
1***@qq.com
  • 发布:2022-10-12 12:07
  • 更新:2022-11-17 15:07
  • 阅读:363

【报Bug】app-vue安卓端从横屏切换为竖屏后,退出页面,再次进入该页面时,样式整体变大

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 21H2

HBuilderX类型: 正式

HBuilderX版本号: 3.4.7

手机系统: Android

手机系统版本号: Android 7.1.1

手机厂商: 模拟器

手机机型: 雷电模拟器4

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
  • b页面代码示例
    <view>  
        <text style="font-size: 30rpx;" @tap="switchPage">切换横竖屏</text>  
    </view>
    <script>  
    export default {  
        data () {  
            return {  
                direction: 'v'  
            }  
        },  
        methods: {  
            switchPage () {  
                if ( this.direction == 'v' ) {  
                    plus.screen.lockOrientation('landscape-primary');  
                    this.direction = 'h'  
                } else {  
                    plus.screen.lockOrientation('portrait-primary');  
                    this.direction = 'v'  
                }  
            }  
        }  
    }  
    </script>

操作步骤:
  • 从a页面进入b页面点击按钮切换横屏,然后再次点击切换为竖屏,退出b页面到a页面,从a页面再次进入b页面,b页面的样式整体变大(有一定概率正常),再次退出b页面到a页面,然后再次进入b页面,样式回复正常
  • 多次重复上面步骤,b页面样式无法恢复正常

预期结果:
  • b页面从横屏切换为竖屏后,退出b页面,再次进入b页面时,样式正常

实际结果:
  • b页面从横屏切换为竖屏后,退出b页面,再次进入b页面时,样式整体变大

bug描述:

  • 从a页面进入b页面点击按钮切换横屏,然后再次点击切换为竖屏,退出b页面到a页面,从a页面再次进入b页面,b页面的样式整体变大(有一定概率正常),再次退出b页面到a页面,然后再次进入b页面,样式回复正常
  • 多次重复上面步骤,b页面样式无法恢复正常
2022-10-12 12:07 负责人:无 分享
已邀请:
MrWang668

MrWang668

遇到同样问题,可以了吗

  • 1***@qq.com (作者)

    没有,这个是因为使用rpx的原因,如果一定要解决的话,只有不适用rpx

    2022-11-29 15:27

  • MrWang668

    回复 1***@qq.com: 我用延迟1500 毫秒 解决了

    2022-12-06 14:13

该问题目前已经被锁定, 无法添加新回复