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。

组件使用如下:

展示效果如下:

相关推荐
问心无愧051311 小时前
ctf show web入门160 161
前端·笔记
李小白6611 小时前
第四天-WEB服务器基本原理,IIS服务
运维·服务器·前端
humcomm12 小时前
AI编程时代新前端职位
前端·ai编程
好家伙VCC12 小时前
Web Components主题热切换方案揭秘
java·前端
甲维斯12 小时前
Kimi版超级玛丽效果“惊人”,配额不足5厘米!
前端·人工智能
hboot12 小时前
AI工程师第一课 - Python
前端·后端·python
凉菜凉凉12 小时前
AI时代,被抛弃的前端
前端·ai
console.log('npc')13 小时前
AI前端工程与生成式UI学习路线
前端·人工智能·ui
huangdong_13 小时前
淘宝商品SKU图自动分类技术深度解析:从DOM解析到智能归档
开发语言·javascript·ecmascript
梦曦i13 小时前
uni-router v1.1.1发布:守卫超时保护+路由监听
前端·uni-app