el-card 组件美化

最近在网上都没看到el-card组件的美化，自己也不是做前端的，就随便美化了一下组件，感觉还算不错，分享出来

代码:

css:

.el-card{margin: 10px;border-radius: 20pxborder-color: #C0C4CC;
}
.el-card:hover{margin-top: -10px;margin: 30px;
}

效果图

el-card 组件美相关推荐

【Flutter】StatelessWidget 组件 ( Divider 组件 | Card 组件 | AlertDialog 组件 )
文章目录一.Divider 组件二.Card 卡片组件三.AlertDialog 对话框组件四. 相关资源一.Divider 组件 Divider 组件是分割线组件 , 可以设置高度 , 颜 ...
使用 Blazor 开发内部后台（四）：基于Card组件快速搭建导航首页
James: 本系列为大家介绍如何使用 Blazor 来开发管理后台,有兴趣的朋友欢迎跟着实验,体验 Blazor 开发的高效与乐趣. 本系列目录: 使用 Blazor 开发内部后台(一):认识Bla ...
Flutter之Card组件
Card组件是卡片组件,内容可以由列表的widget组成,Card组件具有阴影圆角的功能. 常用属性: 属性说明 margin 外边距 elevation 阴影值的深度 child 子元素 impo ...
antd Card组件默认选中
antd Card组件,按照文档,设置了默认值,热更新后,效果正常,完美. 开发过程中,为了防止浏览器有缓存,经常性地会手动点击浏览器的刷新按钮.就是这么一点,让我在设置默认选中上,多停留了几分钟. ...
Vant Weapp小程序蹲坑之使用card组件显示价格
问题在基于mpvue+Vant Weapp组件库实战过程中,问题越来越多.网络上所谓的"坑"总结,仅仅不过是其开发中所遭所遇之"坑"而已--估计后面的&quo ...
Flutter组件--卡片效果(card组件)
Card是卡片组件块,内容可以由大多数类型的Widget构成,Card具有圆角和阴影,这让它看起来有立体感. 属性说明 margin 外边距 child 子组件 elevation 阴影值的深度 c ...
ElementUI Card组件触发点击事件
遇到的问题: 在做卡片点击改变样式时发现el-card组件点击方法没有触发到. 解决方式: @click = method(x,y)替换成@click.native = method(x,y) 参考链 ...
Flutter中AspectRatio、Card 卡片组件
1. AspectRatio 组件 AspectRatio 的作用是根据设置调整子元素 child 的宽高比. AspectRatio 首先会在布局限制条件允许的范围内尽可能的扩展,widget 的高 ...
Vue.js(十) element-ui PC端组件库
一:简介饿了么公司基于Vue开发了两套UI组件库,PC端组件库和移动端组件库. 一部分组件库是对原生的HTML标签元素的封装,增加了一些新的功能. 另一部分组件库是原生HTML标签元素没有的,是 ...

el-card 组件美

el-card 组件美化

代码:

效果图

el-card 组件美相关推荐

最新文章

热门文章