卡片
将信息聚合在卡片容器中展示。
基础用法
卡片包含标题、内容和操作。
基础用法
卡片可以只有内容区域。
带图片
可通过配置来展示更丰富的内容。
卡片阴影
您可以定义卡片阴影的显示时机。
API
属性
| 名称 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| header | 卡片的标题。 也可使用 #header 插槽传入 DOM | string | — |
| footer 2.4.3 | 卡片的页脚。 也可使用 #footer 插槽传入 DOM | string | — |
| body-style | 设置 body 的 CSS 样式 | object | — |
| header-class 2.9.8 | 为 card header 自定义一个类名 | string | — |
| body-class 2.3.10 | 为 card body 自定义一个类名 | string | — |
| footer-class 2.9.8 | 为 card footer 自定义一个类名 | string | — |
| 阴影 | 何时显示卡片阴影 | 枚举 | 总是 |
插槽
| 名称 | 描述 |
|---|---|
| default | 自定义默认内容 |
| header | 卡片头部的插槽内容 |
| footer | 卡片底部的插槽内容 |
来源
贡献者
