![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
一个诡异的bug
这个作者很懒,什么都没留下…
展开
-
如何根据值更改css样式
话不多说,直接上代码:class="[item.type==='未完成'?'typeColor01' : 'typeColor02']"item.type==='未完成'——判断条件typeColor01——样式名原创 2022-05-19 18:16:21 · 1298 阅读 · 0 评论 -
使用elementUI时,使用样式穿透遇坑
问题背景:根据已有的网站模板(vue2+elementUI),修改主题色和文字,完成网站的开发。因为elementUI中的面包屑字体颜色不是我想要的,所以我通过样式穿透的方法,修改当前页面面包屑的字体颜色因为是修改模板,其他页面也通过样式穿透的方法修改了,颜色不一样。问题来了,其他页面的样式会影响到全局,所以出现了这个情况问题总结:在vue2环境下使用elementUI时,在.vue页面使用样式穿透的方法修改样式,会影响到全局。解决方法:1、在页面中的style添加scoped属性原创 2022-05-12 18:21:37 · 1066 阅读 · 0 评论 -
使用element UI中的Container 布局容器时显示两个滚动条如何解决
在做一个门户网站时,使用了vue+elementUI,然后使用了Container 布局容器,但是发现会出现两个滚轮,这显然是不符合逻辑的。解决方法:如果需要隐藏main的滚轮则在 el-main中设置overflow-y: hidden;样式如果需要溢出部分的内容并交给浏览器最外边的滚动条,则设置overflow: visible;如果本篇文章对你有帮助,请点赞鼓励一下,谢谢...原创 2022-04-22 17:01:05 · 5221 阅读 · 3 评论 -
css设置背景图片可滚动样式
效果图,参考网站恒晟环境官网,首页下方代码如下:第一行的 fixedBg 为关键样式,其他样式可忽略<div style="height: 500px;"></div><div class="fixedBg"style="display: flex;flex-direction: column;justify-content: center;align-items: auto;" > <div style="display: flex;f原创 2022-04-22 10:56:39 · 2508 阅读 · 0 评论