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。

组件使用如下:

展示效果如下:

相关推荐
昔人'16 小时前
css`text-wrap:pretty`
前端·css
勇敢di牛牛16 小时前
Vue+mockjs+Axios 案例实践
前端·javascript·vue.js
詩句☾⋆᭄南笙16 小时前
HTML列表、表格和表单
服务器·前端·html·表格·列表·表单
IT_陈寒16 小时前
Python性能翻倍的5个冷门技巧:从GIL逃逸到内存视图的实战优化指南
前端·人工智能·后端
南城巷陌16 小时前
错误边界:用componentDidCatch筑起React崩溃防火墙
前端·react.js·前端框架
FinClip16 小时前
OpenAI推出Apps SDK,你的企业App跟上了吗?
前端·app·openai
馨谙16 小时前
Linux中的管道与重定向:深入理解两者的本质区别
前端·chrome
Rhys..17 小时前
JS - npm init
开发语言·javascript·npm
夏天想17 小时前
复制了一个vue的项目然后再这个基础上修改。可是通过npm run dev运行之前的老项目,发现运行的竟然是拷贝后的项目。为什么会这样?
前端·vue.js·npm
@大迁世界17 小时前
这个 CSS 特性,可能终结样式冲突
前端·css