若依框架 sidebar.scss文件，菜单点击之后改变背景色

原创已于 2023-09-19 15:03:12 修改 · 842 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#scss #vue.js #javascript

收录于

于 2023-09-19 14:57:07 首次发布

本文详细描述了如何使用CSS为`.el-submenu-title`和`.el-menu-item.is-active`元素设置hover和active状态下的背景颜色，涉及线性渐变效果。

.submenu-title-noDropdown,
.el-submenu__title {
&:hover {
    //菜单悬浮上的背景颜色
    background: linear-gradient(95deg, #1AC575, #0A5B50) !important;
  }
}
.el-menu-item.is-active {
  color: #fff !important;
  //菜单点击上的背景颜色
  background: linear-gradient(95deg, #1AC575, #0A5B50) !important;
}