做照片模板下载网站好新媒体运营培训课程

今日简单分享 card 组件源码，主要从以下两个方面：

一、card 组件页面结构

二、card 组件属性

2.1 header 属性，设置 header，也可以通过 slot#header 传入 DOM，类型 string，无默认值。

组件使用部分：

展示效果如下：

2.2 body-style 属性，设置 body 的样式，类型 object，默认值 { padding: '20px' }。

组件使用如下：

展示效果如下：

2.3 shadow 属性，设置阴影显示时机，类型 string，always / hover / never，默认 always。

组件使用如下：

展示效果如下：