Skip to content

grid view

刘剑 edited this page Oct 31, 2016 · 2 revisions

grid-view是为了更支持wx:for

使得布局容器每行固定列数并自动换行

可以分为多个列表

<view class="wa-grid text-center">
  <view wx:for="{{list}}" wx:for-item="i" class="wa-grid-33 border-basic">three</view>
  <view wx:for="{{list2}}" wx:for-item="i" class="wa-grid-50 border-basic">50</view>
</view>

或者以判断的形式

<view class="wa-grid text-center">
  <view wx:for="{{list}}" wx:for-item="i" class="{{i.type ? wa-grid-33 : wa-grid-50}} border-basic">{{i.text}}</view>
</view>
Clone this wiki locally