卡片
概述
使用 <Card> 组件在页面中显示卡片。
也可以使用 markdown 卡片容器 语法，替代 <Card> 组件。
提示
本页讲的是 Vue 组件用法（<Card />）。若你只需要在 Markdown 里快速放几张卡片，用 卡片容器 语法更简洁，无需写组件。
Props
卡片标题
显示在标题左侧的图标，支持 iconify 所有图标，也可以使用图片链接
插槽
| 名称 | 说明 |
|---|---|
| default | 卡片内容 |
| title | 自定义标题 |
示例
输入：
<Card title="卡片标题" icon="twemoji:astonished-face">
这里是卡片内容。
</Card>
<Card>
<template #title>
<p style="color: red">卡片标题</p>
</template>
这里是卡片内容。
</Card>输出：
卡片标题
相关信息
在插槽内也可以使用 markdown 语法，但需要注意的是，markdown 语法需要与标签之间间隔一行。 否则将被识别为普通文本。
