微信小程序开发指南

基于ColorUI的组件化页面开发


文字颜色

<h1>文字颜色</h1> <ul> <li>样式图例</li> </ul> <p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=152857b831f67edde04f1c2551562e5b&amp;file=file.png" alt="" /></p> <ul> <li>示例代码</li> </ul> <pre><code class="language-html">&lt;view class="grid col-5 padding-sm"&gt; &lt;view class="padding-sm" wx:for="{{list}}" wx:key wx:if="{{item.name!='white'}}"&gt; &lt;view class="text-{{item.name}} text-center"&gt; {{item.title}} &lt;/view&gt; &lt;/view&gt; &lt;/view&gt;</code></pre> <pre><code class="language-html">data: { list: [{ title: '嫣红', name: 'red', color: '#e54d42' }, { title: '桔橙', name: 'orange', color: '#f37b1d' }, { title: '明黄', name: 'yellow', color: '#fbbd08' }, { title: '橄榄', name: 'olive', color: '#8dc63f' }, { title: '森绿', name: 'green', color: '#39b54a' }, { title: '天青', name: 'cyan', color: '#1cbbb4' }, { title: '海蓝', name: 'blue', color: '#0081ff' }, { title: '姹紫', name: 'purple', color: '#6739b6' }, { title: '木槿', name: 'mauve', color: '#9c26b0' }, { title: '桃粉', name: 'pink', color: '#e03997' }, { title: '棕褐', name: 'brown', color: '#a5673f' }, { title: '玄灰', name: 'grey', color: '#8799a3' }, { title: '草灰', name: 'gray', color: '#aaaaaa' }, { title: '墨黑', name: 'black', color: '#333333' }, { title: '雅白', name: 'white', color: '#ffffff' }, ] }</code></pre>

页面列表

ITEM_HTML