基本用法
<h1>基本用法</h1>
<ul>
<li>样式图例</li>
</ul>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=64e25e1c82e6323f4e5eed98e3cfdbd9&file=file.png" alt="" /></p>
<ul>
<li>示例代码</li>
</ul>
<pre><code class="language-html"><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></code></pre>