微信小程序开发指南

基于ColorUI的组件化页面开发


按钮颜色

按钮颜色

  • 样式图例
  1. 无阴影

  1. 有阴影

  • 示例代码

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

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

页面列表

ITEM_HTML