1.样式修改

gaoluyang

16 小时以前 10a6a98c217fc09aee8174d6444af80ca762b977

 src/layout/components/Sidebar/index.vue

@@ -64,6 +64,8 @@
<style lang="scss" scoped>
.sidebar-container {
  background-color: v-bind(getMenuBackground);
  border-radius: 22px;
  overflow: hidden;

  .scrollbar-wrapper {
    background-color: v-bind(getMenuBackground);
@@ -73,6 +75,7 @@
    border: none;
    height: 100%;
    width: 100% !important;
    border-radius: 22px;

    .el-menu-item,
    .el-sub-menu__title {
@@ -82,6 +85,7 @@

      &:hover {
        background-color: var(--menu-hover, rgba(0, 0, 0, 0.06)) !important;
        border-radius: 14px;
      }
    }

@@ -100,6 +104,26 @@
    :deep(.el-sub-menu.is-active > .el-sub-menu__title) {
      color: v-bind(theme) !important;
      font-weight: 600;
      background-color: var(--menu-active-bg, rgba(0, 0, 0, 0.06)) !important;
      border-radius: 14px;
      margin: 0 10px 6px !important;
      width: calc(100% - 20px) !important;
      padding-left: 10px !important;
      padding-right: 10px !important;
      box-sizing: border-box;
      overflow: hidden;
      background-clip: padding-box;
    }

    :deep(.el-menu-item.is-active) {
      margin: 0 10px 6px !important;
      width: calc(100% - 20px) !important;
      padding-left: 10px !important;
      padding-right: 10px !important;
      box-sizing: border-box;
      overflow: hidden;
      background-clip: padding-box;
      border-radius: 14px;
    }

    :deep(.el-sub-menu.is-active > .el-sub-menu__title .menu-title),
@@ -108,6 +132,11 @@
    :deep(.el-menu-item.is-active .svg-icon) {
      color: v-bind(theme) !important;
    }

    :deep(.el-sub-menu__title:hover),
    :deep(.el-menu-item:hover) {
      border-radius: 14px;
    }
  }
}
</style>