微信小程序开发指南

基于ColorUI的组件化页面开发


阴影

<h1>阴影</h1> <ul> <li>样式图例</li> </ul> <p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=8696e5f73a7368e30ae77e1f67dd31bb&amp;file=file.png" alt="" /></p> <ul> <li>示例代码</li> </ul> <pre><code class="language-html">&lt;view class="padding text-center"&gt; &lt;view class="padding-xl radius shadow bg-white"&gt;默认阴影&lt;/view&gt; &lt;view class="padding-xl radius shadow bg-blue margin-top"&gt;根据背景颜色而改变的阴影&lt;/view&gt; &lt;view class="padding-xl radius shadow shadow-lg bg-white margin-top"&gt;长阴影&lt;/view&gt; &lt;view class="padding-xl radius shadow shadow-lg bg-blue margin-top"&gt;长阴影&lt;/view&gt; &lt;view class="padding-xl radius shadow-warp bg-white margin-top"&gt;翘边阴影&lt;/view&gt; &lt;view class="padding-xl radius shadow-blur bg-red margin-top bg-img" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big91005.jpg);"&gt; &lt;view&gt;根据背景图而改变的阴影&lt;/view&gt; &lt;/view&gt; &lt;/view&gt;</code></pre>

页面列表

ITEM_HTML