1***@qq.com
1***@qq.com
  • 发布:2019-11-07 01:48
  • 更新:2019-11-07 12:06
  • 阅读:1228

【报Bug】weex编译模式勾选纯nvue项目后width宽度问题

分类:nvue

详细问题描述

开发APP端,使用weex编译模式,勾选纯nvue项目,组件width: 750px;不是满屏,且超出屏幕尺寸,但可以设置更改750这个数值来变窄或加宽,多部手机没有统一的宽度(即兼容性问题)

重现步骤

1.使用HbuiderX新建uni-app项目
2.在manifest.json中修改编译模式->weex,勾选 '纯nvue项目'
3.替换pages/index/index.vue为page/index/index.nvue,并使用weex组件及语法编写文件内容
4.在index.nvue中根元素添加class类wrapper,style标签中对.wrapper加上width: 750px;并为其添加边框
5.运行到手机进行查看,无法看到右侧边框线
6.将.wrapper修改width: 200px;再次运行到手机,即可通过观测对比发现问题

希望weex编译模式勾选nvue后,能够正常以750px作为满屏宽度运行,并解决兼容问题

IDE运行环境说明

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

[IDE版本号]
2.3.6 && 2.3.7
[windows版本号]
win10
[mac版本号]
mac 15.0+

uni-app运行环境说明

[运行端是h5或app或某个小程序?]

[运行端版本号]

[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]

[编译模式是老模板模式还是新的自定义组件模式?]

App运行环境说明

[Android版本号]

[iOS版本号]

[手机型号]
XiaoMi MIX 2S && Iphone 8
[模拟器型号]

附件

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

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

[App安装包或H5地址]

[可重现代码片段]

联系方式

[QQ]

2019-11-07 01:48 负责人:无 分享
已邀请:
DCloud_UNI_HT

DCloud_UNI_HT

nvue 的宽度是 750rpx

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

    但使用的是weex编译模式,weex编译模式下,使用750px

    2019-11-07 13:33

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

    而且weex编译模式下,勾选纯nvue项目,用rpx, px, upx都一样的效果

    2019-11-07 14:08

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

    大佬,是不是weex编译模式不支持勾选纯nvue项目,是你就点点头。。

    2019-11-12 09:50

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