diff --git a/docs/.vitepress/src/assets/style/markdown.scss b/docs/.vitepress/src/assets/style/markdown.scss index e019cde9a2c68e4118d1c0e427a9839b8e1dbece..9dfac97402df384e375724018dfa0e572ccc579e 100644 --- a/docs/.vitepress/src/assets/style/markdown.scss +++ b/docs/.vitepress/src/assets/style/markdown.scss @@ -52,7 +52,6 @@ } .markdown-body { - background: var(--o-color-fill2); color: var(--o-color-info2); font-family: inherit; min-height: auto; @@ -68,25 +67,21 @@ } p { + margin-top: 0 !important; margin-bottom: var(--o-gap-2); } ol { list-style-type: decimal !important; - padding-left: var(--o-gap-5); } ul { list-style-type: disc; - padding-left: var(--o-gap-5); - } - li > p { - margin-bottom: var(--o-gap-2); - margin-top: var(--o-gap-2); } ol, ul { + padding-left: var(--o-gap-5); margin-top: var(--o-gap-2); } @@ -113,22 +108,23 @@ color: var(--o-color-info1); padding: 0; border: none; + font-weight: 500; } h1 { - @include h1; - margin-top: calc(var(--o-gap-4) + var(--o-gap-4)); - margin-bottom: var(--o-gap-4); + @include h2; + margin-top: calc(var(--o-gap-6)); + margin-bottom: var(--o-gap-6); } h2 { - @include h2; - margin-top: calc(var(--o-gap-4) + var(--o-gap-4)); + @include h4; + margin-top: calc(var(--o-gap-6)); margin-bottom: var(--o-gap-3); } h3 { - @include h3; + @include text2; margin-top: var(--o-gap-3); margin-bottom: var(--o-gap-3); } @@ -157,8 +153,9 @@ padding: var(--o-gap-2); margin: 0 auto; background-color: var(--o-color-fill2); + margin-left: -8px; } - + code { border-radius: var(--layout-pkg-radius); background-color: var(--o-color-control2-light); @@ -171,6 +168,7 @@ blockquote { color: var(--o-color-info2); padding: 12px 16px; + margin: var(--o-gap-3) 0 0; border-left: 0; background-color: var(--o-color-control2-light); border-radius: var(--layout-pkg-radius); @@ -179,6 +177,7 @@ } img { padding: 0; + margin-left: 0; background-color: transparent; } } @@ -204,6 +203,7 @@ --table-padding: var(--o-gap-3) var(--o-gap-6); --table-radius: var(--layout-pkg-radius); border-spacing: 0; + border-radius: var(--table-radius); @include respond-to('<=laptop') { --table-head-cell-padding: 8px 16px; @@ -217,20 +217,19 @@ --table-head-cell-padding: 7px 12px; } - border-radius: var(--table-radius); - th { background-color: var(--o-color-control3-light); text-align: left; border-color: var(--o-color-control3-light) !important; } + th, td { box-sizing: border-box; padding: var(--table-padding); - @include text1; color: var(--o-color-info1); border-color: var(--o-color-control4); + @include text1; } tr { background: var(--o-color-fill2) !important; @@ -247,6 +246,15 @@ * + * { margin-top: var(--o-gap-2); } + + li { + &:first-child { + margin-top: 0 !important; + } + &:last-child { + margin-bottom: 0; + } + } } .lang { @@ -300,50 +308,6 @@ } } - // 详情安装指引修改 &.installation - &.download, - &.installation { - ul { - list-style: none; - padding-left: 0; - counter-reset: num; - > li { - position: relative; - counter-increment: num 1; - padding-left: 32px; - overflow: hidden; - margin: 0; - > p:first-child { - font-weight: 500; - } - &::after { - height: 24px; - width: 24px; - background: var(--o-color-primary1); - content: counter(num); - position: absolute; - border-radius: 50%; - color: var(--o-color-white); - @include text1; - text-align: center; - top: 0; - left: 0; - display: block; - } - &:not(:last-child):before { - width: 1px; - background: var(--o-color-primary1); - content: ''; - position: absolute; - top: 32px; - left: 11px; - bottom: 8px; - display: block; - } - } - } - } - .vp-code { &.shiki { span { diff --git a/docs/.vitepress/src/components/DocMenu.vue b/docs/.vitepress/src/components/DocMenu.vue index b7797465d3b846abb6f9dbd7516f34ec067ac391..34a25430877efe0e8ef128bab613116bbc574dd7 100644 --- a/docs/.vitepress/src/components/DocMenu.vue +++ b/docs/.vitepress/src/components/DocMenu.vue @@ -24,6 +24,11 @@ const props = defineProps({ type: Boolean, default: false, }, + // 节点菜单定位 + nodeIndex: { + type: Number, + default: 0, + }, // 展开子项 expanded: { type: Array as PropType, @@ -58,13 +63,22 @@ const expanded = useVModel(props, 'expanded', emits); -
+