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。

组件使用如下:

展示效果如下:

相关推荐
codelang35 分钟前
Cline + MCP 开发实战
前端·后端
好_快2 小时前
Lodash源码阅读-memoizeCapped
前端·javascript·源码阅读
好_快2 小时前
Lodash源码阅读-toString
前端·javascript·源码阅读
好_快2 小时前
Lodash源码阅读-memoize
前端·javascript·源码阅读
excel2 小时前
webpack 核心编译器 十四 节
前端
excel2 小时前
webpack 核心编译器 十三 节
前端
腾讯TNTWeb前端团队9 小时前
helux v5 发布了,像pinia一样优雅地管理你的react状态吧
前端·javascript·react.js
范文杰13 小时前
AI 时代如何更高效开发前端组件?21st.dev 给了一种答案
前端·ai编程
拉不动的猪13 小时前
刷刷题50(常见的js数据通信与渲染问题)
前端·javascript·面试
拉不动的猪13 小时前
JS多线程Webworks中的几种实战场景演示
前端·javascript·面试