微信小程序开发指南

基于ColorUI的组件化页面开发


基本用法

基本用法

  • 样式图例

  • 示例代码
<view class="bg-white padding">
  <view class="cu-steps">
    <view class="cu-item {{index>basics?'':'text-red'}}" wx:for="{{basicsList}}" wx:key>
      <text class="cuIcon-{{item.icon}}"></text> {{item.name}}
    </view>
  </view>
</view>
<view class="bg-white padding margin-top-xs">
  <view class="cu-steps">
    <view class="cu-item {{index>basics?'':'text-orange'}}" wx:for="{{basicsList}}" wx:key>
      <text class="cuIcon-{{index>basics?'title':item.icon}}"></text> {{item.name}}
    </view>
  </view>
</view>
<view class="bg-white padding  margin-top-xs">
  <view class="cu-steps steps-arrow">
    <view class="cu-item {{index>basics?'':'text-blue'}}" wx:for="{{basicsList}}" wx:key>
      <text class="cuIcon-{{item.icon}}"></text> {{item.name}}
    </view>
  </view>
</view>

页面列表

ITEM_HTML