[新增] collapse 组件

This commit is contained in:
就眠仪式
2021-10-01 13:35:00 +08:00
parent e069f5a273
commit f574c2aac0
6 changed files with 81 additions and 25 deletions

View File

@@ -16,4 +16,28 @@ export default {
}
</script>
:::
::: demo
<template>
<lay-collapse>
<lay-collapse-item title="标题"> 内容 </lay-collapse-item>
<lay-collapse-item title="标题"> 内容 </lay-collapse-item>
<lay-collapse-item title="标题"> 内容 </lay-collapse-item>
</lay-collapse>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
return {
}
}
}
</script>
:::

View File

@@ -17,7 +17,6 @@ h5 {
}
h1,
h2,
h3,
h4,
h5,
@@ -28,7 +27,6 @@ h6 {
}
h1,
h2,
h3,
h4,
h5,
@@ -64,17 +62,8 @@ h1 {
}
}
h2 {
margin-top: 2.25rem;
margin-bottom: 1.25rem;
border-bottom: 1px solid var(--c-divider);
padding-bottom: 0.3rem;
line-height: 1.25;
font-size: 1.65rem;
/* overflow-x: auto; */
}
h2 + h3 {
h3 {
margin-top: 1.5rem;
}
@@ -99,19 +88,6 @@ h1 {
line-height: 38px;
}
h2 {
margin-top: 4px !important;
margin-bottom: 16px !important;
color: #000000d9 !important;
font-weight: 500 !important;
font-size: 16px !important;
border-bottom: 0px;
font-family: Avenir, -apple-system, BlinkMacSystemFont, segoe ui, Roboto,
helvetica neue, Arial, noto sans, sans-serif, apple color emoji,
segoe ui emoji, segoe ui symbol, noto color emoji, sans-serif;
line-height: 38px;
}
p,
ol,
ul {