Card 卡片

通用卡片应用，常用于后台概览页面。

典型卡片

包含标题、内容、操作区域。

简洁卡片

只包含内容区域

完整卡片

卡片包含标题，内容、操作区域以及底部区域。

卡片标题

标题和底部区域除了可以通过 header-text 和 footer-text 传递以外，也可以通过 header 和 footer slot 自定义 。

栅格卡片

在系统概览页面常常和栅格进行配合。通常用于管理后台的工作台聚合展示。

关于栅格布局，框架不提供，推荐使用 unocss 或者 tailwindcss 的 grid 实现

API

Card Props

名称	类型	默认值	说明
header-text	string	-	标题
show-header	boolean	true	是否显示标题
footer-text	string	-	底部区域内容
show-footer	boolean	false	是否显示底部区域
body-class	string	-	内容区域样式

Card Slots

名称	说明
default	内容区域内容
header	自定义标题内容
footer	自定义底部区域内容
header-extra	自定义标题右侧内容[操作区域]