# Button 按钮
按钮组件。
基础用法
使用 type 属性来改变按钮的背景色。按钮默认是白色背景,type 值为 default。
文字按钮
没有边框和背景色的按钮。此时 type 值为 text。
禁用状态
使用 disabled 属性来定义按钮是否可用,它接受一个 Boolean 值。
加载中
点击按钮后进行数据加载操作,在按钮上显示加载状态。
使用 loading 属性来改变按钮的加载状态,它接受一个 Boolean 值。
不同尺寸
Button 组件提供除了默认值以外的三种尺寸,可以在不同场景下选择合适的按钮尺寸。size 属性用来改变按钮的尺寸大小,除默认值外还有三个可选值:medium 、small、mini。
图标按钮
带图标的按钮可增强辨识度(有文字)或节省空间(无文字)。
通过添加icon属性来为按钮添加图标,可用的图标名称请参考 图标字体 一节。
按钮组
有多项类似操作并列出现时,可使用按钮组的方式来布局。
# 参数说明
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| type | 类型 | string | primary / success / warning / danger / info / text | — |
| disabled | 是否禁用状态 | boolean | — | false |
| plain | 是否朴素按钮 | boolean | — | false |
| round | 是否圆角按钮 | boolean | — | false |
| circle | 是否圆形按钮 | boolean | — | false |
| loading | 是否加载中状态 | boolean | — | false |
| size | 按钮大小 | string | medium/small/mini | — |
| icon | 图标类名 | string | — | — |