feat: 新增 button 组件 border-style 属性

This commit is contained in:
就眠儀式
2022-04-01 22:03:02 +08:00
parent 5c260957e6
commit 425cff9de5
9 changed files with 41 additions and 8 deletions

View File

@@ -111,7 +111,5 @@ export default {
:::
::: previousNext animation
:::

View File

@@ -135,7 +135,5 @@ export default {
:::
::: previousNext avatar
:::

View File

@@ -61,6 +61,33 @@ export default {
:::
::: title 不同边框
:::
::: demo 使用 `border` 属性设置边框主题
<template>
<lay-button border-style="dashed">原始按钮</lay-button>
<lay-button border="green" border-style="dashed">默认按钮</lay-button>
<lay-button border="blue" border-style="dashed">百搭按钮</lay-button>
<lay-button border="orange" border-style="dashed">暖色按钮</lay-button>
<lay-button border="red" border-style="dashed">警告按钮</lay-button>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
return {
}
}
}
</script>
:::
::: title 按钮尺寸
:::

View File

@@ -238,6 +238,7 @@ function handleClick(node) {
| onlyIconControl | 是否仅允许节点左侧图标控制展开收缩 | false |
| showLine | 是否开启连接线 | true |
| checkedKeys(v-model:checkedKeys) | 开启 showCheckbox 后, 选中的节点 | [] |
| collapse-transition | 是否开启展示收起动画 | false |
:::
@@ -253,7 +254,6 @@ function handleClick(node) {
| children | 子节点 | [] |
| disabled | 该节点是否禁用 | false |
| spread | 该节点是否展开 | false |
| collapse-transition | 是否开启展示收起动画 | false |
:::