![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
elementui
一个诡异的bug
这个作者很懒,什么都没留下…
展开
-
element-ui 导航栏的样式修改
::v-deep .el-menu-item {background-color: #EBEEF5;height: 20px;line-height: 20px;}.el-menu--horizontal .el-menu .el-menu-item,.el-menu--horizontal .el-menu .el-submenu__title {height: 20px;line-height: 20px;}.el-submenu /deep/ .el-subme转载 2022-05-16 17:13:23 · 3886 阅读 · 0 评论 -
使用elementUI时,使用样式穿透遇坑
问题背景:根据已有的网站模板(vue2+elementUI),修改主题色和文字,完成网站的开发。因为elementUI中的面包屑字体颜色不是我想要的,所以我通过样式穿透的方法,修改当前页面面包屑的字体颜色因为是修改模板,其他页面也通过样式穿透的方法修改了,颜色不一样。问题来了,其他页面的样式会影响到全局,所以出现了这个情况问题总结:在vue2环境下使用elementUI时,在.vue页面使用样式穿透的方法修改样式,会影响到全局。解决方法:1、在页面中的style添加scoped属性原创 2022-05-12 18:21:37 · 1063 阅读 · 0 评论 -
修改elementui悬停和选中时的文字颜色和背景颜色
使用样式重写的方法,覆盖原来组件的css样式、注意权重问题 “!important” /* 悬停的样式 */ .el-pager li:hover { background-color: #009D8E !important; color: #FFFFFF !important; } /* 选中的样式 */ .el-pagination.is-background .el-pager li:not(.disabled).active { background-co原创 2022-04-25 10:30:05 · 2285 阅读 · 0 评论 -
使用element UI在线运行无效、报错问题(Uncaught ReferenceError: Vue is not defined)
问题背景,因为近期要做一个门户网站,但是自己只有一点的vue基础和uniapp、uview框架的项目经验,就想到了使用vue+elementUI框架开发,当我去官网了解时遇到了问题,点击组件在线运行时会报错,它使用的是codepen前端在线编辑器CodePen 是一个完全免费的前端代码托管服务。与 GitHub Pages 相比,它最重要的优势有:即时预览。你甚至可以本地修改并即时预览别人的作品。 支持多种主流预处理器。你从不需要手写生产级别的代码,无论是 Jade 、 LESS 、 Sass ,原创 2022-04-07 09:53:35 · 7256 阅读 · 8 评论