进销存pro 1.菜单栏二级目录没有箭头问题

gaoluyang

5 天以前 5534685be12f86be96521a2666a0db37a0268b87

进销存pro
1.菜单栏二级目录没有箭头问题

 src/assets/styles/sidebar.scss

@@ -226,13 +226,6 @@
            overflow: hidden;
            visibility: hidden;
            display: inline-block;

          }

          & > i {

            height: 0;

            width: 0;

            overflow: hidden;

            visibility: hidden;

            display: inline-block;

          }
        }
      }

 src/layout/components/Sidebar/index.vue

@@ -82,6 +82,7 @@
        margin-bottom: 6px;
        border-radius: 14px;
        color: v-bind(getMenuTextColor);
        font-size: 13px;

        &:hover {
          background-color: var(--menu-hover, rgba(0, 0, 0, 0.06)) !important;
@@ -99,6 +100,19 @@

      .el-sub-menu__title {
        color: v-bind(getMenuTextColor);
      }

      :deep(.el-sub-menu__icon-arrow) {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 14px;
        height: 14px;
        margin-top: -7px;
        right: 12px;
        font-size: 14px !important;
        color: currentColor !important;
        opacity: 0.72;
      }

      :deep(.el-sub-menu.is-active > .el-sub-menu__title) {
@@ -128,6 +142,7 @@

      :deep(.el-sub-menu.is-active > .el-sub-menu__title .menu-title),
      :deep(.el-sub-menu.is-active > .el-sub-menu__title .svg-icon),
      :deep(.el-sub-menu.is-active > .el-sub-menu__title .el-sub-menu__icon-arrow),
      :deep(.el-menu-item.is-active .menu-title),
      :deep(.el-menu-item.is-active .svg-icon) {
        color: v-bind(theme) !important;