w***@126.com
w***@126.com
  • 发布:2020-04-23 23:47
  • 更新:2020-04-29 14:34
  • 阅读:1211

【报Bug】Nvue 设置了横屏,但是以竖屏进入,app页面内rpx是以竖屏的宽度计算的

分类:nvue

详细问题描述

(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)

[内容]
正常期望效果(也是以横屏进入app效果)


竖屏进入app,app虽然强制横屏,但是宽度不正确,实测此rpx为竖屏时的宽度为基准的rpx,而不是以横屏的宽度

重现步骤

[步骤]
App page.json已设置横屏,然后分别以手持手机横屏及竖屏进入
[结果]
竖屏进入宽度异常
[期望]
竖屏进入的话应该是以强制横屏的宽度计算rpx
[如果语言难以表述清晰,拍一个视频或截图,有图有真相]

IDE运行环境说明

[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]

[IDE版本号]
2.6.15
[windows版本号]
win10
[mac版本号]

uni-app运行环境说明

[运行端是h5或app或某个小程序?]
App
[运行端版本号]
Android 9
[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]

[编译模式说明:自定义组件模式?纯nvue模式?v3模式?]

App运行环境说明

[Android版本号]
Android 9
[iOS版本号]

[手机型号]
华为荣耀9
[模拟器型号]

附件

[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]

[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]

[App安装包或H5地址]

[可重现代码片段]

联系方式

[QQ]1440631589

2020-04-23 23:47 负责人:无 分享
已邀请:
Bender

Bender

哎 我也是这样的问题
要是 vue 的话 还能 用 vw 替代
nvue 一点办法也没有 除非全部换成动态的

  • 6***@qq.com

    我在h5端遇到跟你一样的问题, 太难了

    2020-05-08 15:37

  • w***@126.com (作者)

    回复 6***@qq.com: 关键是这个问题,他之前发布一个版本维护过了,还是不行,官方也不理这个bug了

    2020-05-17 13:19

  • 6***@qq.com

    回复 w***@126.com: h5的我看了源码找到核心问题,自己重写了方法搞定了,不管了

    2020-05-17 21:37

  • 极星123

    回复 6***@qq.com: 请问如何解决呢,谢谢

    2020-08-15 17:04

  • 6***@qq.com

    回复 极星123: 在App.vue 最上方新增 // #ifdef H5

    let originSystemInfo = uni.getSystemInfo;

    uni.getSystemInfoSync = () => {

    let info = originSystemInfo()

    let windowWidth = document.body.clientWidth

    let windowHeight = document.body.clientHeight

    return {...info, windowWidth,windowHeight }

    }

    // #endif

    2020-08-17 08:45

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