微信小程序开发指南

基于ColorUI的组件化页面开发


镂空按钮

镂空按钮

  • 样式图例
  1. 无阴影

  1. 有阴影

  • 示例代码

注:通过shadow来控制有无阴影

<view class="grid col-5 padding-sm">
  <view class="margin-tb-sm text-center" wx:for="{{ColorList}}" wx:key wx:if="{{item.name!='white'}}">
    <button class="cu-btn round line{{bordersize?bordersize:''}}-{{item.name}} {{shadow?'shadow':''}}">{{item.title}}</button>
  </view>
</view>

页面列表

ITEM_HTML