微信小程序开发指南

基于ColorUI的组件化页面开发


文字阴影

<h1>文字阴影</h1> <ul> <li>样式图例</li> </ul> <p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=20c99f49691e2b66e1725f2c4824a1b1&amp;file=file.png" alt="" /></p> <ul> <li>示例代码</li> </ul> <p>注:js部分参考文字颜色中data.list</p> <pre><code class="language-html">&lt;view class="cu-bar bg-white solid-bottom margin-top"&gt; &lt;view class="action"&gt; &lt;text class="cuIcon-title text-blue"&gt;&lt;/text&gt;文字阴影 &lt;/view&gt; &lt;/view&gt; &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-center text-shadow text-{{item.name}}"&gt; &lt;view class="cuIcon-ellipse text-xxl"&gt;&lt;/view&gt; &lt;/view&gt; &lt;/view&gt; &lt;/view&gt;</code></pre>

页面列表

ITEM_HTML