# Card 卡片

## 何时使用
最基础的卡片容器，可承载文字、列表、图片、段落，常用于后台概览页面。


### 基本使用
典型卡片包含标题、内容、操作区域。

@[demo](demo/basic.vue)


### 带封面的卡片
传入`cover`插槽，自定义卡片的封面

@[demo](demo/cover.vue)


### 预加载卡片
数据读入前会有加载状态。

@[demo](demo/loading.vue)



### props
| 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| title | 卡片标题 | string | - |
| body-style | 内容区域自定义样式  | object | - |
| border | 是否显示卡片边框  | boolean | true |
| shadow | 是否显示卡片阴影，可选值为 always/hover/never  | string | always |
| loading | 显示加载状态 | boolean | false |


### slots
| name | 说明 | slot-scope |
| --- | --- | --- |
| default | 卡片内容 | - |
| title | 卡片标题 | - |
| title-action | 卡片标题右侧内容 | - |
| cover | 卡片上半部分内容 | - |