1. 程式人生 > >微信小程式 - 列表並列多排顯示

微信小程式 - 列表並列多排顯示

微信小程式裡不免需要列表顯示,有時候需要兩排或者三排並列

我的想法是顯示一個大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的寬度。
就醬