# 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 | — | — |