微信小程序开发指南

基于ColorUI的组件化页面开发


Icon

<h1>Icon</h1> <ul> <li>样式图例</li> </ul> <p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=a952924be910ccea34d6fd645b68a807&amp;file=file.png" alt="" /> <img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=6db3692414533d40f2174505f33e055e&amp;file=file.png" alt="" /> <img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=b06a4ae84dcbd6c2ef67a3299a946fed&amp;file=file.png" alt="" /> <img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=c36f8ce7075a1637dfa48bb32636b4dc&amp;file=file.png" alt="" /> <img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=d4f76efca903f83643773c3d181c7226&amp;file=file.png" alt="" /> <img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=d23a7e8d90c6d6dae41d5419cd449218&amp;file=file.png" alt="" /> <img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=31e2514b0423f84990c498da07ee26f4&amp;file=file.png" alt="" /> <img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=25bbc490080cefcbfa5d8a193d6e77eb&amp;file=file.png" alt="" /> <img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=e9b50bb8415ba97443b957b22f58d527&amp;file=file.png" alt="" /> <img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=2e8f196fc13774976e7ee4aaf7acf728&amp;file=file.png" alt="" /> <img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=63a4a3187d5c045ae660908b28c70cb3&amp;file=file.png" alt="" /> <img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=522207fa37512fd54e1430344181e62c&amp;file=file.png" alt="" /> <img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=400ce4ec3e39b9ddb33723dbd7bf5136&amp;file=file.png" alt="" /> <img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=a4951bcf45f39ebca0e5e6cbd55df9f2&amp;file=file.png" alt="" /></p> <ul> <li>示例代码</li> </ul> <pre><code class="language-html">&lt;view class="cu-list grid col-3"&gt; &lt;view class="cu-item" wx:for="{{icon}}" wx:key wx:if="{{item.isShow}}"&gt; &lt;text class="cuIcon-{{item.name}} lg text-gray"&gt;&lt;/text&gt; &lt;text&gt;{{item.name}}&lt;/text&gt; &lt;/view&gt; &lt;/view&gt;</code></pre>

页面列表

ITEM_HTML