From 318e9516c17d36a3bb5fbaa015c4f25222fee514 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期二, 03 一月 2023 11:31:18 +0800
Subject: [PATCH] 1.项目图标替换
---
/dev/null | 0
src/assets/images/layout_2.png | 0
src/assets/images/layout_3.png | 0
src/layout/components/Sidebar/index.vue | 18 ++++++++++++++----
src/layout/components/Settings/index.vue | 5 +++++
5 files changed, 19 insertions(+), 4 deletions(-)
diff --git a/public/favicon_back.ico b/public/favicon_back.ico
deleted file mode 100644
index 34b63ac..0000000
--- a/public/favicon_back.ico
+++ /dev/null
Binary files differ
diff --git a/src/assets/images/layout_2.png b/src/assets/images/layout_2.png
new file mode 100644
index 0000000..5c3113a
--- /dev/null
+++ b/src/assets/images/layout_2.png
Binary files differ
diff --git a/src/assets/images/layout_3.png b/src/assets/images/layout_3.png
new file mode 100644
index 0000000..07528a4
--- /dev/null
+++ b/src/assets/images/layout_3.png
Binary files differ
diff --git a/src/layout/components/Settings/index.vue b/src/layout/components/Settings/index.vue
index bf4ec0a..0fd4757 100644
--- a/src/layout/components/Settings/index.vue
+++ b/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
diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue
index f8c7610..48276e9 100644
--- a/src/layout/components/Sidebar/index.vue
+++ b/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;
}
-.leftBackgroundColorValue{
- background-color: #e0e0e0;
+
+.leftBackgroundLogo {
+ background: url("../../../assets/images/layout_2.png") no-repeat;
+}
+
+.leftBackgroundColorValue {
+ background-color: #f8f8fa;
}
.scrollbarWrapperClass {
--
Gitblit v1.9.3