微信小程序 Button按钮与Icon图标

Button 按钮介绍

在index.wxml中设置button按钮

<view  class ="container">

//设置button的大小
 <button size="mini|default">按钮</button>
//设置button类型
<button type="warn|default|primary">按钮</button>
//是否透明
<button plain="true">按钮</button>
//是否禁用
<button disable="true">按钮</button>
//是否设置为加载按钮
<button loa ding="true">按钮</button>
//点击button的响应 效果
<button hover-class="none">按钮</button>
//给button绑定一个点击时间,thing 在js文件中设置
<button bindtap="thing">按钮</button>
</view>

icon图标的设置

<view  class ="container">
   <view class="view-section">
   <icon type="success" size="50" color="red"></icon>
   </view>
   <view class="view-section">
   <block wx:for="{{[10,20,30,40]}}">
   <icon type="info" size="{{item}}"></icon>
   </block>
   </view>


</view>