微信小程序开发指南

基于ColorUI的组件化页面开发


基本用法

<h1>基本用法</h1> <ul> <li>样式图例</li> </ul> <p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=64e25e1c82e6323f4e5eed98e3cfdbd9&amp;file=file.png" alt="" /></p> <ul> <li>示例代码</li> </ul> <pre><code class="language-html">&lt;view class="bg-white padding"&gt; &lt;view class="cu-steps"&gt; &lt;view class="cu-item {{index&gt;basics?'':'text-red'}}" wx:for="{{basicsList}}" wx:key&gt; &lt;text class="cuIcon-{{item.icon}}"&gt;&lt;/text&gt; {{item.name}} &lt;/view&gt; &lt;/view&gt; &lt;/view&gt; &lt;view class="bg-white padding margin-top-xs"&gt; &lt;view class="cu-steps"&gt; &lt;view class="cu-item {{index&gt;basics?'':'text-orange'}}" wx:for="{{basicsList}}" wx:key&gt; &lt;text class="cuIcon-{{index&gt;basics?'title':item.icon}}"&gt;&lt;/text&gt; {{item.name}} &lt;/view&gt; &lt;/view&gt; &lt;/view&gt; &lt;view class="bg-white padding margin-top-xs"&gt; &lt;view class="cu-steps steps-arrow"&gt; &lt;view class="cu-item {{index&gt;basics?'':'text-blue'}}" wx:for="{{basicsList}}" wx:key&gt; &lt;text class="cuIcon-{{item.icon}}"&gt;&lt;/text&gt; {{item.name}} &lt;/view&gt; &lt;/view&gt; &lt;/view&gt;</code></pre>

页面列表

ITEM_HTML