微信小程序开发指南

基于ColorUI的组件化页面开发


淡色背景

<h1>背景颜色 - 淡色背景</h1> <ul> <li>样式图例</li> </ul> <p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=921eb81a957879c8b5e44a16a7914dac&amp;file=file.png" alt="" /></p> <ul> <li>示例代码</li> </ul> <pre><code class="language-html">&lt;view class="grid col-3 bg-white padding-sm"&gt; &lt;view class="padding-sm" wx:for="{{ColorList}}" wx:key wx:if="{{index&lt;12}}"&gt; &lt;view class="bg-{{item.name}} padding radius text-center light"&gt; &lt;view class="text-lg"&gt;{{item.title}}&lt;/view&gt; &lt;view class="margin-top-sm text-Abc"&gt;{{item.name}}&lt;/view&gt; &lt;/view&gt; &lt;/view&gt; &lt;/view&gt;</code></pre>

页面列表

ITEM_HTML