Button 按钮
ReView 移动端按钮组件，支持多种主题、尺寸与变体
按钮组件，支持多种主题、尺寸、形状和变体，参考 TDesign 设计风格。
9:41
主题
变体
形状
状态
引入
推荐使用 easycom 模式，配置后无需手动 import 即可直接使用 <re-button />。
API
Button Props
| 名称 | 类型 | 默认值 | 描述 | 必传 |
|---|---|---|---|---|
theme | string | "default" | 按钮主题风格：default / primary / danger / warning / success | N |
size | string | "medium" | 按钮尺寸：small / medium / large | N |
shape | string | "rectangle" | 按钮形状：rectangle / round / square / circle | N |
variant | string | "base" | 按钮变体：base / outline / text / dashed | N |
block | boolean | false | 是否占满父容器宽度 | N |
disabled | boolean | false | 是否禁用 | N |
loading | boolean | false | 是否显示加载状态 | N |
icon | string | "" | 按钮图标，支持字体图标名称或图片地址 | N |
content | string | "" | 按钮文字内容 | N |
customStyle | string | "" | 自定义样式 | N |
customClass | string | "" | 自定义类名 | N |
Button Events
| 名称 | 参数 | 描述 |
|---|---|---|
click | - | 点击按钮时触发 |
Button Slots
| 名称 | 描述 |
|---|---|
default | 默认插槽 |