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

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u010095372/article/details/80162975

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

我的想法是显示一个大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的宽度。
就酱