今日简单分享 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。
组件使用如下:
展示效果如下: