## Card 卡片将信息聚合在卡片容器中展示 ### 基础用法下面是一个带有标题、内容和操作（按钮）的 Card 组件示例，需要注意的是，部分样式需要你自己填入。 :::demo Card 组件包括`header`和`body`部分，`header`部分需要有显式具名 slot 分发，同时也是可选的。 ```html

卡片名称

操作按钮

``` ::: ### 简单卡片卡片可以只有内容区域。 :::demo ```html

``` ::: ### 进阶使用可以让你的卡片极大程度的被个性化，为更丰富的内容展示服务。下例是一个带图片的示例，能帮助你更好地理解`body-style`配合分发内容自定义样式的强大： :::demo 配置`body-style`属性来自定义`body`部分的`style`，我们还使用了布局组件。 ```html

好吃的汉堡

操作按钮

``` ::: ### Attributes | 参数 | 说明 | 类型 | 可选值 | 默认值 | |---------- |-------- |---------- |------------- |-------- | | header | 设置 header，也可以通过 `slot#header` 传入 DOM | string| | | | body-style | 设置 body 的样式| object| | { padding: '20px' } |