Merge branch 'dev' of http://114.132.189.42:9002/r/product-inventory-manage...

曹睿

22 小时以前 e03b2546f020327bf9fd414d8869a9ccd2270c2d

 src/layout/components/Sidebar/index.vue

@@ -2,23 +2,11 @@
  <div :class="{ 'has-logo': showLogo }" class="sidebar-container">

    <logo v-if="showLogo" :collapse="isCollapse" />

    <el-scrollbar wrap-class="scrollbar-wrapper">

      <el-menu

        :default-active="activeMenu"

        :collapse="isCollapse"

        :background-color="getMenuBackground"

        :text-color="getMenuTextColor"

        :unique-opened="true"

        :active-text-color="theme"

        :collapse-transition="false"

        mode="vertical"

        :class="sideTheme"

      >

        <sidebar-item

          v-for="(route, index) in sidebarRouters"

          :key="route.path + index"

          :item="route"

          :base-path="route.path"

        />

      <el-menu :default-active="activeMenu" :collapse="isCollapse" :background-color="getMenuBackground"

        :text-color="getMenuTextColor" :unique-opened="true" :active-text-color="theme" :collapse-transition="false"

        mode="vertical" :class="sideTheme">

        <sidebar-item v-for="(route, index) in sidebarRouters" :key="route.path + index" :item="route"

          :base-path="route.path" />

      </el-menu>

    </el-scrollbar>

  </div>

@@ -42,6 +30,7 @@
const sideTheme = computed(() => settingsStore.sideTheme)

const theme = computed(() => settingsStore.theme)

const isCollapse = computed(() => !appStore.sidebar.opened)

console.log(44444, settingsStore.isDark, sideTheme.value)



// 获取菜单背景色

const getMenuBackground = computed(() => {

@@ -71,7 +60,7 @@
<style lang="scss" scoped>

.sidebar-container {

  background-color: v-bind(getMenuBackground);

  


  .scrollbar-wrapper {

    background-color: v-bind(getMenuBackground);

  }

@@ -80,8 +69,9 @@
    border: none;

    height: 100%;

    width: 100% !important;

    
    .el-menu-item, .el-sub-menu__title {



    .el-menu-item,

    .el-sub-menu__title {

      &:hover {

        background-color: var(--menu-hover, rgba(0, 0, 0, 0.06)) !important;

      }

@@ -89,7 +79,7 @@


    .el-menu-item {

      color: v-bind(getMenuTextColor);

      


      &.is-active {

        color: var(--menu-active-text, #409eff);

        background-color: var(--menu-hover, rgba(0, 0, 0, 0.06)) !important;