Ver Código Fonte

修复子菜单同级出现子菜单项会同时选中bug

daxiongYang 6 anos atrás
pai
commit
602feba312
1 arquivos alterados com 5 adições e 5 exclusões
  1. 5 5
      src/assets/scss/_base.scss

+ 5 - 5
src/assets/scss/_base.scss

132
    }
132
    }
133
    .el-menu {
133
    .el-menu {
134
      > .el-menu-item,
134
      > .el-menu-item,
135
      > .el-submenu .el-submenu__title {
135
      > .el-submenu > .el-submenu__title {
136
        color: #fff;
136
        color: #fff;
137
        &:focus,
137
        &:focus,
138
        &:hover {
138
        &:hover {
141
        }
141
        }
142
      }
142
      }
143
      > .el-menu-item.is-active,
143
      > .el-menu-item.is-active,
144
      > .el-submenu.is-active .el-submenu__title {
144
      > .el-submenu.is-active > .el-submenu__title {
145
        border-bottom-color: mix(#fff, $navbar--background-color, 85%);
145
        border-bottom-color: mix(#fff, $navbar--background-color, 85%);
146
      }
146
      }
147
      .el-menu-item i,
147
      .el-menu-item i,
227
      text-decoration: none;
227
      text-decoration: none;
228
    }
228
    }
229
    .el-menu-item,
229
    .el-menu-item,
230
    .el-submenu .el-submenu__title {
230
    .el-submenu > .el-submenu__title {
231
      height: 50px;
231
      height: 50px;
232
      line-height: 50px;
232
      line-height: 50px;
233
    }
233
    }
263
    > .el-menu--popup {
263
    > .el-menu--popup {
264
      background-color: $sidebar--background-color-dark;
264
      background-color: $sidebar--background-color-dark;
265
      .el-menu-item,
265
      .el-menu-item,
266
      .el-submenu .el-submenu__title {
266
      .el-submenu > .el-submenu__title {
267
        color: $sidebar--color-text-dark;
267
        color: $sidebar--color-text-dark;
268
        &:focus,
268
        &:focus,
269
        &:hover {
269
        &:hover {
276
        background-color: mix(#000, $sidebar--background-color-dark, 15%);
276
        background-color: mix(#000, $sidebar--background-color-dark, 15%);
277
      }
277
      }
278
      .el-menu-item.is-active,
278
      .el-menu-item.is-active,
279
      .el-submenu.is-active .el-submenu__title {
279
      .el-submenu.is-active > .el-submenu__title {
280
        color: mix(#fff, $sidebar--color-text-dark, 80%);
280
        color: mix(#fff, $sidebar--color-text-dark, 80%);
281
      }
281
      }
282
    }
282
    }