2020-08-27 17:18:57 +08:00

4.3 KiB
Raw Blame History

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