mirror of
https://github.com/WeBankFinTech/fes.js.git
synced 2025-04-06 03:59:53 +08:00
4.3 KiB
4.3 KiB
pageClass |
---|
comp-page-class |
Button 按钮
概述
基础组件,触发业务逻辑时使用。
代码示例
Default Ghost Text Primary Info Success Warn Error按钮类型有:默认按钮、主按钮、幽灵按钮、文字按钮以及四种颜色按钮。
通过设置type为primary、ghost、text、info、success、warn、error创建不同样式的按钮,不设置为默认样式。
查询 查询通过设置icon属性在Button内部嵌入一个Icon, 显示在Button内部的左边
通过设置circle属性,可以将Button显示为圆角
Default Ghost Text Primary Info Success Warn Error当设置disabled属性为true时,按钮不可点击
确认提交 确认删除Button组件的宽度默认是通过内容撑开,但是当设置long属性后按钮为100%宽度
API
Props
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
type | 按钮的类型,可选值是primary、ghost、text、info、success、warn、error或者无 | String | null |
long | 控制按钮是否显示为100%宽度 | Boolean | false |
circle | 控制按钮显示为圆的 | Boolean | false |
disabled | 控制按钮是否可以点击 | Boolean | false |
icon | 控制按钮内部左侧显示的小图标 | String | null |
control | 防止多次点击,在设置的时间内,只有一次点击有效 | Number | 300 |
Events
事件名 | 说明 | 返回值 |
---|---|---|
click | 单击按钮触发 | (event) => void |