perf(field): 根据 slot 内容决定 块状 线条 状态

This commit is contained in:
就眠仪式
2021-10-12 14:27:33 +08:00
parent 16934254ab
commit 9d72425f63
9 changed files with 107 additions and 19 deletions

View File

@@ -1,7 +1,6 @@
::: demo
<template>
{{openKeys}}
<lay-collapse :openKeys="openKeys">
<lay-collapse-item title="标题" id="1"> 内容 </lay-collapse-item>
<lay-collapse-item title="标题" id="2"> 内容 </lay-collapse-item>
@@ -25,3 +24,7 @@ export default {
</script>
:::
| | | |
| ----- | ------ | -------------- |
| openKeys | 打开的目录 | `array` |

View File

@@ -1,3 +1,5 @@
#### 普通容器
::: demo
<template>
@@ -29,6 +31,8 @@ export default {
:::
#### 流式容器
::: demo
<template>

View File

@@ -38,6 +38,26 @@ export default {
:::
::: demo
<template>
<lay-field title="标题"></lay-field>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
return {
}
}
}
</script>
:::
| | | |
| ----- | ---- | --- |
| title | 标题 | -- |

View File

@@ -5,7 +5,7 @@ html {
}
h4 {
font-weight: 700 !important;
font-weight: 600 !important;
font-size: 16.8px !important;
margin-top: 20px !important;
margin-bottom: 20px !important;
@@ -22,20 +22,10 @@ h4,
h5,
h6 {
margin: 0;
color: #303133;
color: #333;
line-height: 1.25;
}
h1,
h3,
h4,
h5,
h6,
strong,
b {
font-weight: 600;
}
h1:hover .header-anchor,
h1:focus .header-anchor,
h2:hover .header-anchor,