From aa0f645fc860994ae2704d94c065b04551a7b686 Mon Sep 17 00:00:00 2001
From: jhd <1684074631@qq.com>
Date: Wed, 1 Jul 2026 13:29:08 +0800
Subject: [PATCH] =?UTF-8?q?=20=20=20=E9=9A=90=E8=97=8F=E6=8C=89=E9=92=AEbu?=
 =?UTF-8?q?g=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 klp-ui/src/assets/styles/sidebar.scss         | 36 +++++++++++--------
 klp-ui/src/layout/components/Sidebar/Logo.vue | 36 +++++++++----------
 .../src/layout/components/Sidebar/index.vue   | 18 +++++++---
 3 files changed, 50 insertions(+), 40 deletions(-)

diff --git a/klp-ui/src/assets/styles/sidebar.scss b/klp-ui/src/assets/styles/sidebar.scss
index b8d69cbee..79400d832 100644
--- a/klp-ui/src/assets/styles/sidebar.scss
+++ b/klp-ui/src/assets/styles/sidebar.scss
@@ -167,14 +167,18 @@
 
     .submenu-title-noDropdown {
       padding: 0 !important;
-      position: relative;
 
       .el-tooltip {
         padding: 0 !important;
+      }
 
-        .svg-icon {
-          margin-left: 20px;
-        }
+      .menu-item-inner {
+        justify-content: center;
+        padding: 0;
+      }
+
+      .svg-icon {
+        margin: 0;
       }
     }
 
@@ -184,23 +188,25 @@
       &>.el-submenu__title {
         padding: 0 !important;
 
+        .menu-item-inner {
+          justify-content: center;
+          padding: 0;
+        }
+
         .svg-icon {
-          margin-left: 20px;
+          margin: 0;
         }
       }
     }
 
     .el-menu--collapse {
-      .el-submenu {
-        &>.el-submenu__title {
-          &>span {
-            height: 0;
-            width: 0;
-            overflow: hidden;
-            visibility: hidden;
-            display: inline-block;
-          }
-        }
+      .el-menu-item .menu-title,
+      .el-submenu .el-submenu__title .menu-title {
+        height: 0;
+        width: 0;
+        overflow: hidden;
+        visibility: hidden;
+        display: inline-block;
       }
     }
   }
diff --git a/klp-ui/src/layout/components/Sidebar/Logo.vue b/klp-ui/src/layout/components/Sidebar/Logo.vue
index b9b4aa786..d8d885979 100644
--- a/klp-ui/src/layout/components/Sidebar/Logo.vue
+++ b/klp-ui/src/layout/components/Sidebar/Logo.vue
@@ -1,15 +1,9 @@
 <template>
   <div class="sidebar-logo-container" :class="{'collapse':collapse}" :style="{ backgroundColor: '#fff'}">
-    <transition name="sidebarLogoFade">
-      <router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
-        <img v-if="logo" :src="logo" class="sidebar-logo" />
-        <h1 v-else class="sidebar-title">{{ title }} </h1>
-      </router-link>
-      <router-link v-else key="expand" class="sidebar-logo-link" to="/">
-        <img v-if="logo" :src="logo" class="sidebar-logo" />
-        <h1 class="sidebar-title">{{ title }} </h1>
-      </router-link>
-    </transition>
+    <router-link class="sidebar-logo-link" to="/">
+      <img :src="logo" class="sidebar-logo" />
+      <h1 class="sidebar-title">{{ title }} </h1>
+    </router-link>
   </div>
 </template>
 
@@ -43,15 +37,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.sidebarLogoFade-enter-active {
-  transition: opacity 1.5s;
-}
-
-.sidebarLogoFade-enter,
-.sidebarLogoFade-leave-to {
-  opacity: 0;
-}
-
 .sidebar-logo-container {
   position: relative;
   width: 100%;
@@ -85,8 +70,19 @@ export default {
   }
 
   &.collapse {
+    .sidebar-logo-link {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      height: 100%;
+    }
     .sidebar-logo {
-      margin-right: 0px;
+      width: 28px;
+      height: 28px;
+      margin-right: 0;
+    }
+    .sidebar-title {
+      display: none;
     }
   }
 }
diff --git a/klp-ui/src/layout/components/Sidebar/index.vue b/klp-ui/src/layout/components/Sidebar/index.vue
index 028256a5b..20d8d1bf3 100644
--- a/klp-ui/src/layout/components/Sidebar/index.vue
+++ b/klp-ui/src/layout/components/Sidebar/index.vue
@@ -264,7 +264,7 @@ export default {
         display: flex;
         align-items: center;
         justify-content: center;
-        font-size: 26px;
+        font-size: 66px;
         color: #555;
 
         .section-logo {
@@ -293,14 +293,22 @@ export default {
     }
 
     &.is-collapse {
-        padding: 0 6px;
+        padding: 0;
         justify-content: center;
 
-        .section-icon {
-            margin-right: 0;
+        .section-title-inner {
+            justify-content: center;
+            width: auto;
         }
 
-        .section-title-right,
+        .section-icon {
+            margin: 0;
+            width: 36px;
+            height: 36px;
+            font-size: 24px;
+        }
+
+        .section-module,
         .section-arrow {
             display: none;
         }