bex3.8手机端list显示错位

teky

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

jishuang

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

teky

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

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

jishuang

.w发一下看看

teky

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

.w已发附件

jishuang

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

teky

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

把修改后的.w发一下

teky

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

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

jishuang

6楼发的链接看了吗?

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