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。

组件使用如下:

展示效果如下:

相关推荐
Мартин.4 分钟前
[Meachines] [Easy] Sea WonderCMS-XSS-RCE+System Monitor 命令注入
前端·xss
昨天;明天。今天。2 小时前
案例-表白墙简单实现
前端·javascript·css
数云界2 小时前
如何在 DAX 中计算多个周期的移动平均线
java·服务器·前端
风清扬_jd2 小时前
Chromium 如何定义一个chrome.settingsPrivate接口给前端调用c++
前端·c++·chrome
安冬的码畜日常2 小时前
【玩转 JS 函数式编程_006】2.2 小试牛刀:用函数式编程(FP)实现事件只触发一次
开发语言·前端·javascript·函数式编程·tdd·fp·jasmine
ChinaDragonDreamer2 小时前
Vite:为什么选 Vite
前端
小御姐@stella2 小时前
Vue 之组件插槽Slot用法(组件间通信一种方式)
前端·javascript·vue.js
GISer_Jing2 小时前
【React】增量传输与渲染
前端·javascript·面试
GISer_Jing2 小时前
WebGL在低配置电脑的应用
javascript
eHackyd2 小时前
前端知识汇总(持续更新)
前端