主题
为了统一样式,内置了几个按钮组件,需要注意的是在以下的几个场景下必须使用预设按钮
普通按钮
基本使用
普通按钮只是对hl-button简单封装了一下,规定了按钮的图标,颜色
vue
属性
| 属性 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| icon | 是否展示图标 | Boolean | — | true |
| text | 按钮文字 | String | — | — |
列表按钮
基本使用
列表按钮主要用在列表的操作中,默认形式是图标或者文字
属性
| 属性 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| icon | 图标 | String | — | — |
| text | 按钮文字:删除按钮时类型可为String和Boolean,其他只能为Boolean | Boolean 、 String | — | — |
删除按钮属性
当我们点击删除时,一般情况下都需要用户点击确定再继续操作,删除按钮已经实现了这一功能,开发中我们只需要绑定click事件即可
| 属性 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| message | 点击删除时的确认信息 | String | — | 您确定确认删除? |
| noPopover | 禁用提示 | Boolean | — | false |
| placement | 提示的出现位置 | String | 取值同el-popover | top |
插槽
| 插槽名 | 说明 |
|---|---|
| default | 自定义按钮,因为默认都是图标按钮所以只有text为true时生效 |
