Card 卡片

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

引用

import { Card, regist } from "litos-ui";

regist(Card);

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

只包含内容区域，通过设置 show-header 为 false 隐藏标题。

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

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

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

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

通过 ::part(header) 可以自定义标题区域样式：

css

l-card::part(header) {
  background-color: #f5f5f5;
}