Appearance
Button 按钮
常用的操作按钮。
基础用法
基础的按钮用法。
朴素按钮
朴素按钮同样设置了不同的 type 属性对应的样式(可选值同上),默认为 info。
圆角按钮
圆形按钮
禁用状态
按钮不可用状态。
文字按钮
没有边框和背景色的按钮。
不同尺寸
Button 组件提供除了默认值以外的三种尺寸,可以在不同场景下选择合适的按钮尺寸。
加载中
点击按钮后进行数据加载操作,在按钮上显示加载状态。
双击事件
按钮支持双击事件。
图标按钮
点击按钮后进行数据加载操作,在按钮上显示加载状态。
Button API
Button Attributes
| 属性名 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| size | 尺寸 | string | large / default / small | default |
| type | 类型 | string | primary / success / warning / danger / info / text | default |
| plain | 是否朴素按钮 | boolean | — | false |
| round | 是否圆角按钮 | boolean | — | false |
| circle | 是否圆形按钮 | boolean | — | false |
| loading | 是否加载中状态 | boolean | — | false |
| disabled | 是否禁用状态 | boolean | — | false |
Button Events
| 事件名 | 说明 | 回调参数 |
|---|---|---|
| click | 点击事件 | event |
| dblclick | 双击事件 | event |