微信小程序开发指南

基于ColorUI的组件化页面开发


等分列

Grid布局 - 等分列

  • 样式图例

  • 示例代码
<view class="bg-white padding">
    <view class="grid col-{{index+1}} margin-bottom text-center" wx:for="{{5}}" wx:key>
      <view class="{{index%2==0?'bg-cyan':'bg-blue'}} padding" wx:for="{{(index+1)*2}}" wx:key>{{index+1}}</view>
    </view>
  </view>

页面列表

ITEM_HTML