From 21232ab15a4b7d17d535434adeb6246269137859 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期六, 31 十二月 2022 14:12:07 +0800
Subject: [PATCH] 1.左菜单背景颜色实现深色与浅色切换

---
 src/layout/components/Settings/index.vue |   23 +++++++++++++++++++++++
 1 files changed, 23 insertions(+), 0 deletions(-)

diff --git a/src/layout/components/Settings/index.vue b/src/layout/components/Settings/index.vue
index 404c2b4..38d6331 100644
--- a/src/layout/components/Settings/index.vue
+++ b/src/layout/components/Settings/index.vue
@@ -19,6 +19,29 @@
           inactive-text="娴呰壊"
         />
       </div>
+      <div class="drawer-item" style="display: flex;justify-content: space-between">
+        <span>鑿滃崟妯″紡</span>
+        <el-switch
+          v-model="$store.state.settings.menuIsHorizontal"
+          style="display: block"
+          :active-color="$store.state.settings.theme"
+          inactive-color="#ccc"
+          active-text="妯悜"
+          inactive-text="绔栧悜"
+        />
+      </div>
+      <div class="drawer-item" style="display: flex;justify-content: space-between">
+        <span>宸︿晶棰滆壊</span>
+        <el-switch
+          v-model="$store.state.settings.leftBackgroundColorValue"
+          style="display: block"
+          active-color="#304156"
+          :disabled="$store.state.settings.menuIsHorizontal"
+          inactive-color="#ccc"
+          active-text="娣辫壊"
+          inactive-text="娴呰壊"
+        />
+      </div>
 
       <!--      姝や笁涓姛鑳芥殏鏃朵笉鐢�-->
       <!--      <div class="drawer-item">-->

--
Gitblit v1.9.3