主题
为了统一样式,内置了几个按钮组件,需要注意的是在以下的几个场景下必须使用预设按钮
普通按钮
基本使用
普通按钮只是对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时生效 |