bex3.8手机端list显示错位

teky · 发表于 2019-8-7 19:02:10

开发工具bex3.8
手机端和公众号list组件设置了class样式'col-xs-4 col-sm-2',但是有的商品显示错位，如图

jishuang · 发表于 2019-8-8 09:05:49

chrome浏览器模拟手机运行看看效果

teky · 发表于 2019-8-8 11:41:03

jishuang 发表于 2019-8-8 09:05
chrome浏览器模拟手机运行看看效果

chrome浏览器模拟手机运行显示正常,公众号里是错位的

jishuang · 发表于 2019-8-8 12:06:44

.w发一下看看

teky · 发表于 2019-8-8 12:46:11

jishuang 发表于 2019-8-8 12:06
.w发一下看看

.w已发附件

jishuang · 发表于 2019-8-8 13:45:00

1.要响应布局需要用row啊http://doc.wex5.com/?p=4784#4.2
2.restData不是BeX5可以用的，beX5中用bizData

teky · 发表于 2019-8-14 16:31:49

jishuang 发表于 2019-8-8 13:45
1.要响应布局需要用row啊http://doc.wex5.com/?p=4784#4.2
2.restData不是BeX5可以用的，beX5中用bizData ...

改用row布局
按下面两种做法还是显示错乱
1.在list组件里面的li节点上的style属性中增加width和float:left即可，width可以是百分比，也可以是固定值。
2.在list组件里面的li节点上的class属性中设置col-xs-6即可显示为两列，设置col-xs-4即可显示为三列，设置col-xs-3即可显示为四列等等

jishuang · 发表于 2019-8-14 17:30:17

把修改后的.w发一下

teky · 发表于 2019-8-14 18:09:29

本帖最后由 teky 于 2019-8-14 18:20 编辑

jishuang 发表于 2019-8-14 17:30
把修改后的.w发一下

新建了个data做测试，其它组件已删除

jishuang · 发表于 2019-8-15 08:46:49

6楼发的链接看了吗?

你的样式控制到li肯定不起作用了，响应式是row和col的设置

		自动登录	找回密码
密码			注册

[处理中3] bex3.8手机端list显示错位