Skip to content

Button 按钮

常用的操作按钮。

基础用法

使用 type, plain, roundcircle 属性来定义按钮的样式。

自定义背景

通过 background 与可选的 text-color 属性为按钮设置任意背景(支持纯色、渐变、图片)。

禁用状态

你可以使用 disabled 属性来定义按钮是否被禁用。

图标按钮

带图标的按钮可增强辨识度(支持 icon 属性或 icon 插槽)。

调整尺寸

除了默认的大小,按钮组件还提供了两种额外的尺寸。

加载状态

点击按钮后进行数据加载操作,在按钮上显示加载状态。

API

Attributes

属性名说明类型默认值
type类型stringdefault
size尺寸stringdefault
plain是否为朴素按钮booleanfalse
round是否为圆角按钮booleanfalse
circle是否为圆形按钮booleanfalse
loading是否为加载中状态booleanfalse
disabled是否为禁用状态booleanfalse
icon图标组件Component-
background自定义背景(支持纯色/渐变/图片)string-
text-color自定义文字颜色string-