微信小程序开发初学：按钮 - button

按钮组件。

button具有的属性

type
类型：String
默认值：default
按钮的颜色样式
type属性的合法值
（1）default：默认样式
（2）primary：绿色
（3）warn：红色

size
类型：String
默认值：default
按钮尺寸
size属性和合法值
（1）default：默认尺寸
（2）mini：小尺寸

plain
类型：boolean
默认值：false
按钮是否镂空，背景色透明

disabled
类型：boolean
默认值：false
按钮是否禁用

loading
类型：boolean
默认值：false
名称前是否带加载图标

hover-class
类型：String
默认值：无
指定按钮按下时的样式
（更改按钮的点击态样式我还没有成功实现，有知道的朋友请在评论区留言）

form-type
类型：String
默认值：无
用于 form 组件，点击分别会触发 form 组件的 submit/reset（提交/重置） 事件

示例：

<view class="btnView">
   <button class="btn1">登录</button>
   <button class="btn1" type="primary">登录</button><!--绿色样式-->
   <button class="btn1" type="warn">退出</button><!--红色样式-->

   <button class="btn1" type="primary" size="mini">支付</button><!--小尺寸-->

   <button class="btn1" type="warn"    plain="true">退出</button>
   <!--plain设置按钮是否镂空--> 
   <button class="btn1" type="primary" plain="true">登录</button>

   <button class="btn1" type="primary" disabled >登录</button>
   <!--disabled设置按钮是否禁用-->

   <button class="btn1" type="primary" loading>加载中...</button>
   <!--loading 设置按钮名称前是否带加载图标-->

   <button class="btn1" type="warn" hover-class="btnHov" >退出</button>
</view>

.btnView{
    height: auto;
}
.btn1{
    margin-top: 10px;
}
.btnHov{
  background-color: red;
}

内容参考自小程序API：https://developers.weixin.qq.com/miniprogram/dev/component/button.html