diff --git a/docs/notes/theme/guide/组件/卡片.md b/docs/notes/theme/guide/组件/卡片.md index c07992ef..327bf06b 100644 --- a/docs/notes/theme/guide/组件/卡片.md +++ b/docs/notes/theme/guide/组件/卡片.md @@ -55,3 +55,8 @@ permalink: /guide/components/cark/ 这里是卡片内容。 + +:::info +在插槽内也可以使用 markdown 语法,但需要注意的是,markdown 语法需要与 标签之间间隔一行。 +否则将被识别为普通文本。 +::: diff --git a/docs/notes/theme/guide/组件/链接卡片.md b/docs/notes/theme/guide/组件/链接卡片.md index 78e0c017..3a8679c0 100644 --- a/docs/notes/theme/guide/组件/链接卡片.md +++ b/docs/notes/theme/guide/组件/链接卡片.md @@ -39,3 +39,48 @@ permalink: /guide/components/link-card/ + +使用组件插槽,可以实现更丰富的表现。 + +**输入:** + +```md :no-line-numbers + + + - 这里是卡片内容 + - 这里是卡片内容 + + + + + + + - 这里是卡片内容 + - 这里是卡片内容 + + +``` + +**输出:** + + +- 这里是卡片内容 +- 这里是卡片内容 + + + + + + +- 这里是卡片内容 +- 这里是卡片内容 + + +:::info +在插槽内也可以使用 markdown 语法,但需要注意的是,markdown 语法需要与 标签之间间隔一行。 +否则将被识别为普通文本。 +::: diff --git a/theme/src/client/components/global/VPLinkCard.vue b/theme/src/client/components/global/VPLinkCard.vue index 7a9a3ccf..b07a9e9c 100644 --- a/theme/src/client/components/global/VPLinkCard.vue +++ b/theme/src/client/components/global/VPLinkCard.vue @@ -52,11 +52,12 @@ defineProps<{ display: flex; flex: 1; flex-direction: column; + gap: 16px; align-items: flex-start; } -.vp-link-card .body > :last-child { - margin-bottom: 0; +.vp-link-card .body > * { + margin: 0; } .vp-link-card .link {