详细问题描述
开发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]
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