## 代码演示 ### 按钮类型 按钮支持 `default`、`primary`、`error`、`warning`、`success` 五种类型，默认为 `default`。 ```html 默认按钮 主要按钮 危险按钮 警告按钮 成功按钮 ``` ### 按钮尺寸 按钮支持 `normal`、`large`、`small`、`mini` 五种尺寸，默认为 `normal`。 ```html 默认按钮（中等） 大号按钮 小号按钮 迷你按钮 ``` ### 按钮形状 按钮支持 `square`直角、`roundsquare`小圆角、`round`全圆角 三种形状，默认为 `square`。 ```html 直角 小圆角 全圆角 ``` ### 朴素按钮 通过`plain`属性将按钮设置为朴素按钮，朴素按钮的文字为按钮颜色，背景为白色。 ```html 朴素按钮 朴素按钮 ``` ### 细边框 设置 `hairline` 属性可以展示 0.5px 的细边框。 ```html 默认按钮 细边框按钮 ``` ### 禁用状态 通过 `disabled` 属性来禁用按钮，禁用状态下按钮不可点击。 ```html 禁用状态 禁用状态 ``` ### 加载状态 通过 `loading` 属性设置按钮为加载状态。通过`loading-type`指定加载动画。 ```html ``` ### 自定义颜色 通过`color`属性可以自定义按钮的颜色。 ```html 单色按钮 单色按钮 渐变色按钮 ``` ### 小程序能力 提供小程序按钮获取开放能力，详细见 [Props](#props) 和 [Events](#events); 开放能力，具体请看 uniapp 稳定关于 button 组件部分说明: [https://uniapp.dcloud.io/component/button](https://uniapp.dcloud.io/component/button);