1.项目图标替换

loulijun2021

2023-01-03 318e9516c17d36a3bb5fbaa015c4f25222fee514

 src/layout/components/Sidebar/index.vue

@@ -3,7 +3,12 @@

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

    <div v-if="$store.state.app.sidebar.opened&&!$store.state.settings.menuIsHorizontal" :class="{'leftBackgroundColorValue':$store.state.settings.leftBackgroundColorValue}" class="layoutLogo" />
    <div
      v-if="$store.state.app.sidebar.opened&&!$store.state.settings.menuIsHorizontal"
      :class="{'leftBackgroundColorValue':$store.state.settings.leftBackgroundColorValue,
               'leftBackgroundLogo':$store.state.settings.leftBackgroundColorValue}"
      class="layoutLogo"
    />

    <el-scrollbar wrap-class="scrollbar-wrapper" class="scrollbarWrapperClass">
      <el-menu
@@ -84,7 +89,7 @@
      return this.$store.state.settings.sidebarLogo
    },
    variables() {
      console.log(variables, 2333)
      // console.log(variables, 2333)
      // 先输出这个variables值  然后修改其属性值
      variables.menuActiveText = this.$store.state.settings.theme

@@ -106,10 +111,15 @@
  left: 5px;
  width: 200px;
  height: 90px;
  background: url("../../../assets/images/layout_logo.png") no-repeat;
  background: url("../../../assets/images/layout_3.png") no-repeat;
}
.leftBackgroundColorValue{
  background-color: #e0e0e0;

.leftBackgroundLogo {
  background: url("../../../assets/images/layout_2.png") no-repeat;
}

.leftBackgroundColorValue {
  background-color: #f8f8fa;
}

.scrollbarWrapperClass {