微信小程序开发指南

基于ColorUI的组件化页面开发

文字阴影

样式图例

示例代码

注：js部分参考文字颜色中data.list

&lt;view class=&quot;cu-bar bg-white solid-bottom margin-top&quot;&gt;
  &lt;view class=&quot;action&quot;&gt;
    &lt;text class=&quot;cuIcon-title text-blue&quot;&gt;&lt;/text&gt;文字阴影
  &lt;/view&gt;
&lt;/view&gt;
&lt;view class=&quot;grid col-5 padding-sm&quot;&gt;
  &lt;view class=&quot;padding-sm&quot; wx:for=&quot;{{list}}&quot; wx:key wx:if=&quot;{{item.name!='white'}}&quot;&gt;
    &lt;view class=&quot;text-center text-shadow text-{{item.name}}&quot;&gt;
      &lt;view class=&quot;cuIcon-ellipse text-xxl&quot;&gt;&lt;/view&gt;
    &lt;/view&gt;
  &lt;/view&gt;
&lt;/view&gt;

页面列表

ITEM_HTML