1.项目图标替换

loulijun2021

2023-01-03 318e9516c17d36a3bb5fbaa015c4f25222fee514

1.项目图标替换

 public/favicon_back.ico

Binary files differ

 src/assets/images/layout_2.png

 src/assets/images/layout_3.png

 src/layout/components/Settings/index.vue

@@ -28,6 +28,7 @@
          inactive-color="#ccc"
          active-text="横向"
          inactive-text="竖向"
          @change="sidebar.opened=true"
        />
      </div>
      <div class="drawer-item" style="display: flex;justify-content: space-between">
@@ -84,6 +85,7 @@

<script>
import ThemePicker from '@/components/ThemePicker'
import { mapGetters } from 'vuex'

export default {
  components: { ThemePicker },
@@ -102,6 +104,9 @@
    }
  },
  computed: {
    ...mapGetters([
      'sidebar'
    ]),
    fixedHeader: {
      get() {
        return this.$store.state.settings.fixedHeader

 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
@@ -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;
}

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

.leftBackgroundColorValue{
  background-color: #e0e0e0;
  background-color: #f8f8fa;
}

.scrollbarWrapperClass {