1.button按钮组件

button按钮属性：

①size:

按钮大小size属性值：

案例：

<button size="default">按钮</button>
<button size="mini">mini按钮</button>

查看源码，分析button默认样式与小尺寸button

默认样式：

默认样式（1px问题）

由此可以分析出button按钮的边框是由伪元素button:after设置的。
所以，若想去除小程序按钮默认边框，给button设置border:none无效，只能通过伪元素去除默认边框。

查看源码，小尺寸button按钮样式属性：

②type

按钮type样式类型：

案例：

<button type="primary">主要按钮</button>
<button type="default">默认按钮</button>
<button type="warn">警告按钮</button>

③plain

按钮plain是否镂空

<button type="warn" plain>警告按钮</button>

源码：

④disabled：
按钮是否禁用：

<button type="primary" disabled>按钮</button>

源码：

⑤loading：
按钮是否显示loading图标

<button type="primary" loading>主要按钮</button>

源码：

分析按钮显示loading图标源码

::before实现loading样式，::after实现按钮基本样式（解决1px适配问题）

按钮微信开放能力

微信小程序开放了很多端口，实现多种功能，例如客服会话、转发、获取用户信息及手机号、授权页面、意见反馈等。
open-type —微信开放能力常用属性值，篇幅问题，详见下节

button按钮hover类属性：

对比：
①view视图组件hover-start-time默认50，hover-stay-time默认400
②navigator导航组件hover-start-time默认50，hover-stay-time默认600

form-type触发表单提交/重置操作：

form-type 属性值：