From adb74c51618faf025fe1d46bf6b22db895c2608f Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期日, 12 二月 2023 11:16:14 +0800
Subject: [PATCH] 1.提交

---
 src/layout/index.vue |   33 +++++++++++++++++++++++++++++++--
 1 files changed, 31 insertions(+), 2 deletions(-)

diff --git a/src/layout/index.vue b/src/layout/index.vue
index f92bb9b..ef496af 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -1,8 +1,33 @@
 <template>
   <div :class="classObj" class="app-wrapper">
     <div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside" />
-    <sidebar class="sidebar-container" />
-    <div class="main-container">
+
+    <!--    <sidebar-->
+    <!--      :class="$store.state.settings.menuIsHorizontal?-->
+    <!--        'sidebar-container-sideBarWidthIsMenuHorizontal':-->
+    <!--        !$store.state.settings.leftBackgroundColorValue&&sidebar.opened?-->
+    <!--          'sidebar-container-leftBackgroundColorValue':-->
+    <!--          'sidebar-container'"-->
+    <!--    />-->
+
+    <!--1.褰撲负妯悜鑿滃崟鏃�-->
+    <sidebar
+      v-if="$store.state.settings.menuIsHorizontal"
+      class="sidebar-container-sideBarWidthIsMenuHorizontal"
+    />
+    <!--    2.褰撲负绔栧悜鑿滃崟涓斾负娣辫壊鑳屾櫙鑹叉椂-->
+    <sidebar
+      v-else-if="!$store.state.settings.menuIsHorizontal&&$store.state.settings.leftBackgroundColorValue"
+      class="sidebar-container"
+    />
+    <!--    3.褰撲负绔栧悜鑿滃崟涓斾负娴呰壊鑳屾櫙鑹叉椂-->
+    <sidebar
+      v-else-if="!$store.state.settings.menuIsHorizontal&&!$store.state.settings.leftBackgroundColorValue"
+      :class="sidebar.opened?'sidebar-container-leftBackgroundColorValue':'sidebar-container sidebarContainer'"
+    />
+    <div
+      :class="$store.state.settings.menuIsHorizontal?'main-container-sideBarWidthIsMenuHorizontal': 'main-container'"
+    >
       <div :class="{'fixed-header':fixedHeader}">
         <navbar />
         <tags-view v-if="needTagsView" />
@@ -70,6 +95,10 @@
 
 //@import "~@/styles/element-variables.scss";
 
+.sidebarContainer {
+  background-color: #f8f8fa !important;
+}
+
 .app-wrapper {
   @include clearfix;
   position: relative;

--
Gitblit v1.9.3