微信小程序 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>