按钮

该组件基于官方的 button 组件。参数与官方一致，同时添加新的支持：

• Props：size type plain round loading disabled shadow fill icon

Props

参数	说明	类型	可选值	默认值
size	尺寸	string	default / small / mini
type	类型	string	primary / success / error / warning / info / text
plain	是否朴素按钮	boolean		false
round	是否圆角按钮	boolean		false
loading	是否加载中	boolean		false
loading-theme	加载图标主题	string	default / spin	default
loading-mask	加载是否遮罩层模式	boolean		false
loading-text	加载文案	string
disabled	是否禁用状态	boolean		false
shadow	是否阴影	boolean		false
fill	是否宽度填充	boolean		false
icon	图标类名	boolean
更多	查看官网 (opens new window)

示例

基本用法

<cl-button>默认按钮</cl-button>

不同类型

<cl-button type="primary">主要</cl-button>
<cl-button type="success">成功</cl-button>
<cl-button type="error">错误</cl-button>
<cl-button type="warning">警告</cl-button>
<cl-button type="info">信息</cl-button>
<cl-button type="text">文本</cl-button>

不同状态

<cl-button type="primary" plain>朴素</cl-button>
<cl-button type="success" round>圆角</cl-button>
<cl-button type="error" loading>加载中</cl-button>
<cl-button type="warning" shadow>阴影</cl-button>
<cl-button type="warning" fill>填充</cl-button>

带图标

<cl-button type="primary" icon="cl-icon-search">图标</cl-button>