公司logo动态切换，整体样式修改

spring

昨天 c466b7f253a93d3a9b58c658adf6ec75574f5bd8

 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(() => {

@@ -81,7 +70,8 @@
    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;

      }