Appearance
Button 按钮
常用的操作按钮。
基础用法
使用 type, plain, round 和 circle 属性来定义按钮的样式。
自定义背景
通过 background 与可选的 text-color 属性为按钮设置任意背景(支持纯色、渐变、图片)。
禁用状态
你可以使用 disabled 属性来定义按钮是否被禁用。
图标按钮
带图标的按钮可增强辨识度(支持 icon 属性或 icon 插槽)。
调整尺寸
除了默认的大小,按钮组件还提供了两种额外的尺寸。
加载状态
点击按钮后进行数据加载操作,在按钮上显示加载状态。
API
Attributes
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| type | 类型 | string | default |
| size | 尺寸 | string | default |
| plain | 是否为朴素按钮 | boolean | false |
| round | 是否为圆角按钮 | boolean | false |
| circle | 是否为圆形按钮 | boolean | false |
| loading | 是否为加载中状态 | boolean | false |
| disabled | 是否为禁用状态 | boolean | false |
| icon | 图标组件 | Component | - |
| background | 自定义背景(支持纯色/渐变/图片) | string | - |
| text-color | 自定义文字颜色 | string | - |