这里是卡片内容。
卡片
约 325 字大约 1 分钟
2024-09-30
概述
对于想要突出显示的内容,可以将其放在 卡片容器 ::: card 中。
当需要在空间足够时并排显示多个卡片,可以使用 card-grid 容器,包裹 多个卡片。
语法
<!-- 单个卡片 -->
::: card title="标题" icon="twemoji:astonished-face"
这里是卡片内容。
:::
<!-- 多个卡片 -->
:::: card-grid
::: card title="卡片标题 1" icon="twemoji:astonished-face"
这里是卡片内容。
:::
::: card title="卡片标题 2" icon="twemoji:astonished-face"
这里是卡片内容。
:::
::::Props
示例
输入:
::: card title="卡片标题" icon="twemoji:astonished-face"
这里是卡片内容。
:::输出:
输入:
:::: card-grid
::: card title="卡片标题 1" icon="twemoji:astonished-face"
这里是卡片内容。
:::
::: card title="卡片标题 2" icon="twemoji:astonished-face"
这里是卡片内容。
:::
::::输出:
这里是卡片内容。
这里是卡片内容。
相关信息
如果你更喜欢通过组件的方式使用 卡片,你可以查看 卡片组件 。
贡献者
更新日志
2026/9/12 10:04
查看所有更新日志
7a454-feat(plugin-md-power): dropoptionaltag infieldcontainer (#987)于1d04d-feat: add builtin auto-import-components (#932)于16c2d-docs: update field container于4d236-feat(theme)!: add collections support (#704)于d1496-docs: update docs于0fd6c-refactor(theme): improve types and flat config (#524)于c177f-docs: improve docs (#240)于
