element组件样式修改记录

最新推荐文章于 2024-06-07 21:37:17 发布

一路向前的月光

最新推荐文章于 2024-06-07 21:37:17 发布

阅读量492

点赞数 1

文章标签： css3 vue.js 前端

本文链接：https://blog.csdn.net/a99101/article/details/129545832

版权

NavMenu 导航菜单https://element.eleme.cn/#/zh-CN/component/menu

在使用element的导航菜单时候，发现下拉二级菜单的宽度太宽了，想要修改，结果在页面中找到了相关元素，使用了>>> ::v-deep /deep/ 加important都不能改变

后来查了好多，看到一个最暴力的，在inhtml文件上改。。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>data-analysis</title>
  </head>
  <body>
    <div id="app"></div>
    <script src="/dist/build.js"></script>
    <style>
      .el-menu--popup{
        min-width: 116px !important;
      }
    </style>
  </body>
</html>

后来问了一嘴，不要在根文件进行更改，就给它塞到了全局注册的golb.scss里只要就直接改变了

这样的方法好像只适用于个人开发，只用到一次的组件，，，有别的好方法的麻烦叫我一声，谢谢

一路向前的月光

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
element组件样式修改记录

在使用element的导航菜单时候，发现下拉二级菜单的宽度太宽了，想要修改，结果在页面中找到了相关元素，使用了>>> ::v-deep /deep/ 加important都不能改变。后来问了一嘴，不要在根文件进行更改，就给它塞到了全局注册的golb.scss里只要就直接改变了。后来查了好多，看到一个最暴力的，在inhtml文件上改。NavMenu 导航菜单。NavMenu 导航菜单。
复制链接

扫一扫