perf(field): 根据 slot 内容决定 块状 线条 状态
This commit is contained in:
@@ -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` |
|
||||
@@ -1,3 +1,5 @@
|
||||
#### 普通容器
|
||||
|
||||
::: demo
|
||||
|
||||
<template>
|
||||
@@ -29,6 +31,8 @@ export default {
|
||||
|
||||
:::
|
||||
|
||||
#### 流式容器
|
||||
|
||||
::: demo
|
||||
|
||||
<template>
|
||||
|
||||
@@ -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 | 标题 | -- |
|
||||
|
||||
@@ -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,
|
||||
|
||||
Reference in New Issue
Block a user