From 5f611b9a13b0c35091a285891243a79071341450 Mon Sep 17 00:00:00 2001
From: pany <939630029@qq.com>
Date: Thu, 21 Nov 2024 11:52:45 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=20mobile=20+=20?=
 =?UTF-8?q?=E9=9D=9E=E5=B7=A6=E4=BE=A7=E5=B8=83=E5=B1=80=E6=A8=A1=E5=BC=8F?=
 =?UTF-8?q?=E6=97=B6=E5=B7=A6=E4=BE=A7=E5=AF=BC=E8=88=AA=E8=8F=9C=E5=8D=95?=
 =?UTF-8?q?=E8=83=8C=E6=99=AF=E8=89=B2=E5=BC=82=E5=B8=B8=E7=9A=84=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/LeftMode.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/layouts/LeftMode.vue b/src/layouts/LeftMode.vue
index 7a00f222..b6a5a6f8 100644
--- a/src/layouts/LeftMode.vue
+++ b/src/layouts/LeftMode.vue
@@ -1,5 +1,6 @@
 <script lang="ts" setup>
 import { useDevice } from "@/hooks/useDevice"
+import { useLayoutMode } from "@/hooks/useLayoutMode"
 import { useAppStore } from "@/store/modules/app"
 import { useSettingsStore } from "@/store/modules/settings"
 import { storeToRefs } from "pinia"
@@ -7,6 +8,7 @@ import { computed } from "vue"
 import { AppMain, NavigationBar, Sidebar, TagsView } from "./components"
 
 const { isMobile } = useDevice()
+const { isLeft } = useLayoutMode()
 const appStore = useAppStore()
 const settingsStore = useSettingsStore()
 const { showTagsView, fixedHeader } = storeToRefs(settingsStore)
@@ -17,7 +19,8 @@ const layoutClasses = computed(() => {
     hideSidebar: !appStore.sidebar.opened,
     openSidebar: appStore.sidebar.opened,
     withoutAnimation: appStore.sidebar.withoutAnimation,
-    mobile: isMobile.value
+    mobile: isMobile.value,
+    noLeft: !isLeft.value
   }
 })
 
@@ -159,6 +162,12 @@ $transition-time: 0.35s;
       transform: translate3d(calc(0px - var(--v3-sidebar-width)), 0, 0);
     }
   }
+  // 即是 mobile 又是顶部或混合布局模式
+  &.noLeft {
+    .sidebar-container {
+      background-color: var(--el-bg-color);
+    }
+  }
 }
 
 .withoutAnimation {