- 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>
![1***@qq.com](http://img-cdn-tc.dcloud.net.cn/uploads/avatar/000/94/01/37_avatar_mid.jpg?v=0)
- 发布:2022-10-12 12:07
- 更新:2022-11-17 15:07
- 阅读:363
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 21H2
HBuilderX类型: 正式
HBuilderX版本号: 3.4.7
手机系统: Android
手机系统版本号: Android 7.1.1
手机厂商: 模拟器
手机机型: 雷电模拟器4
页面类型: vue
vue版本: vue2
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
- 从a页面进入b页面点击按钮切换横屏,然后再次点击切换为竖屏,退出b页面到a页面,从a页面再次进入b页面,b页面的样式整体变大(有一定概率正常),再次退出b页面到a页面,然后再次进入b页面,样式回复正常
- 多次重复上面步骤,b页面样式无法恢复正常
- 从a页面进入b页面点击按钮切换横屏,然后再次点击切换为竖屏,退出b页面到a页面,从a页面再次进入b页面,b页面的样式整体变大(有一定概率正常),再次退出b页面到a页面,然后再次进入b页面,样式回复正常
- 多次重复上面步骤,b页面样式无法恢复正常
预期结果:
- b页面从横屏切换为竖屏后,退出b页面,再次进入b页面时,样式正常
- b页面从横屏切换为竖屏后,退出b页面,再次进入b页面时,样式正常
实际结果:
- b页面从横屏切换为竖屏后,退出b页面,再次进入b页面时,样式整体变大
- b页面从横屏切换为竖屏后,退出b页面,再次进入b页面时,样式整体变大
bug描述:
- 从a页面进入b页面点击按钮切换横屏,然后再次点击切换为竖屏,退出b页面到a页面,从a页面再次进入b页面,b页面的样式整体变大(有一定概率正常),再次退出b页面到a页面,然后再次进入b页面,样式回复正常
- 多次重复上面步骤,b页面样式无法恢复正常
1***@qq.com (作者)
没有,这个是因为使用rpx的原因,如果一定要解决的话,只有不适用rpx
2022-11-29 15:27
MrWang668
回复 1***@qq.com: 我用延迟1500 毫秒 解决了
2022-12-06 14:13