element-ui card 组件源码分享

今日简单分享 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。

组件使用如下:

展示效果如下:

相关推荐
Freedom风间40 分钟前
前端优秀编码技巧
前端·javascript·代码规范
萌萌哒草头将军1 小时前
🚀🚀🚀 Openapi:全栈开发神器,0代码写后端!
前端·javascript·next.js
萌萌哒草头将军1 小时前
🚀🚀🚀 Prisma 爱之初体验:一款非常棒的 ORM 工具库
前端·javascript·orm
拉不动的猪2 小时前
SDK与API简单对比
前端·javascript·面试
runnerdancer2 小时前
微信小程序蓝牙通信开发之分包传输通信协议开发
前端
BillKu2 小时前
Vue3后代组件多祖先通讯设计方案
开发语言·javascript·ecmascript
山海上的风2 小时前
Vue里面elementUi-aside 和el-main不垂直排列
前端·vue.js·elementui
电商api接口开发2 小时前
ASP.NET MVC 入门指南二
前端·c#·html·mvc
亭台烟雨中2 小时前
【前端记事】关于electron的入门使用
前端·javascript·electron