微信小程序开发指南

基于ColorUI的组件化页面开发


镂空按钮

<h1>镂空按钮</h1> <ul> <li>样式图例</li> </ul> <ol> <li>无阴影</li> </ol> <p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=d2da4c17c826b8232f739b06072a5191&amp;file=file.png" alt="" /></p> <ol> <li>有阴影</li> </ol> <p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=ec087d35ff69e08102d58de7c32e1c53&amp;file=file.png" alt="" /></p> <ul> <li>示例代码</li> </ul> <p>注:通过shadow来控制有无阴影</p> <pre><code class="language-html">&lt;view class="grid col-5 padding-sm"&gt; &lt;view class="margin-tb-sm text-center" wx:for="{{ColorList}}" wx:key wx:if="{{item.name!='white'}}"&gt; &lt;button class="cu-btn round line{{bordersize?bordersize:''}}-{{item.name}} {{shadow?'shadow':''}}"&gt;{{item.title}}&lt;/button&gt; &lt;/view&gt; &lt;/view&gt;</code></pre>

页面列表

ITEM_HTML