使用场景:按钮用于开始一个即时操作。
可以用 size 属性设置按钮大小,type 属性设置按钮类型, warning 属性显示高危,错误等提示的按钮,text 属性是文字按钮,loading 属性是加载中状态按钮,组件已绑定 onClick 事件回调函数,供处理不同业务时使用。
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
size | 按钮的尺寸 可选值: 'small', 'medium', 'large' | Enum | 'medium' |
type | 按钮的类型 可选值: 'primary', 'secondary', 'normal' | Enum | 'normal' |
icons | 按钮中可配置的 Icon,格式为 { loading: | Object | {} |
iconSize | 按钮中 Icon 的尺寸,用于替代 Icon 的默认大小 | Enum/Number | - |
htmlType | 当 component = 'button' 时,设置 button 标签的 type 值 可选值: 'submit', 'reset', 'button' | Enum | 'button' |
component | 设置标签类型 可选值: 'button', 'a', 'div', 'span' | Enum | 'button' |
loading | 设置按钮的载入状态 | Boolean | false |
ghost | 是否为幽灵按钮 可选值: true, false, 'light', 'dark' | Enum | false |
text | 是否为文本按钮 | Boolean | false |
warning | 是否为警告按钮 | Boolean | false |
disabled | 是否禁用 | Boolean | false |
onClick | 点击按钮的回调 签名: Function(e: Object) => void 参数: e: {Object} Event Object | Function | () => {} |
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
size | 统一设置 Button 组件的按钮大小 | String | 'medium' |
使用 size 属性设置 按钮大小