微信小程序 - 列表并列多排显示

本文主要是介绍微信小程序 - 列表并列多排显示，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

微信小程序里不免需要列表显示，有时候需要两排或者三排并列

我的想法是显示一个大view，里面再包含一个wx:for 循环，里面的cell（姑且这么叫）,肯定是一个float:left。

关键是这个大的view属性该如何写（重中之重）

这样写

<view style="float:none;width:100%;flex-direction:row-reverse;zoom:1;overflow:hidden;"><view wx:for="{{canyushangarray}}" class="canyushang" bindtap="tapC" data-cid="{{item.id}}"><image mode="aspectFill" style="width: 100%" src="{{src}}"></image><text class='wenzi'>{{item.name}}</text></view></view>

这样的效果这样子

高度也合适，我这里只有两排，当然可以更多，无非就是调整cell的宽度。
就酱

PS. 我这就是个给自己记录而已，看不大明白的可以先学下官方文档，里面都有的详细的说明，这些知识都是成体系的。

这篇关于微信小程序 - 列表并列多排显示的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---