# card (w-card)

- **Import**: `WCard` from `win-design-next`
- **Tag**: `<w-card>`
- **说明**: Card 卡片
- **分类**: data-display
- **Skill 版本**: V1.1.0
- **适配组件库**: win-design-next 1.2.2
- **API 来源**: `docs/zh-CN/component/card.md`

## API

## API

### Attributes

| 属性名      | 说明                                                                                          | 类型                              | 默认值 |
| ----------- | --------------------------------------------------------------------------------------------- | --------------------------------- | ------ |
| header      | 卡片的标题 你既可以通过设置 header 来修改标题，也可以通过 `slot#header` 传入 DOM 节点         | ^[string]                         | —      |
| footer      | 卡片页脚。 你既可以通过设置 footer 来修改卡片底部内容，也可以通过 `slot#footer` 传入 DOM 节点 | ^[string]                         | —      |
| body-style  | body 的 CSS 样式                                                                              | ^[object]`CSSProperties`          | —      |
| body-class  | body 的自定义类名                                                                             | ^[string]                         | —      |
| shadow      | 卡片阴影显示时机                                                                              | ^[enum]`always \| never \| hover` | always |
| interactive | 可交互式卡片                                                                                  | Boolean                           | false  |

### Slots

| 插槽名  | 说明           |
| ------- | -------------- |
| default | 自定义默认内容 |
| header  | 卡片标题内容   |
| footer  | 卡片页脚内容   |
