From 9e32694cf9d78bd80fabd068b7072f01b10bf284 Mon Sep 17 00:00:00 2001
From: szdot <szdot@qq.com>
Date: Wed, 25 Jun 2025 04:56:17 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E7=B1=BB=20=20=E5=9E=8B=E3=80=91?=
 =?UTF-8?q?=EF=BC=9Afactor=20=E3=80=90=E5=8E=9F=20=20=E5=9B=A0=E3=80=91?=
 =?UTF-8?q?=EF=BC=9A=E5=AF=BC=E8=88=AA=E6=A0=87=E9=A2=98=20=E6=8E=A7?=
 =?UTF-8?q?=E5=88=B6=E7=BB=88=E7=AB=AF=20=E5=90=8E=E5=8F=B0=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=20=E5=88=87=E6=8D=A2=E4=B8=8D=E6=98=8E=E6=98=BE=20?=
 =?UTF-8?q?=E3=80=90=E8=BF=87=20=20=E7=A8=8B=E3=80=91=EF=BC=9A=E7=8E=B0?=
 =?UTF-8?q?=E4=BB=B7=E4=B8=89=E4=B8=AA=E7=82=B9=E5=9B=BE=E6=A0=87=20?=
 =?UTF-8?q?=E9=85=8D=E5=90=88=E5=8A=A8=E7=94=BB=20=E3=80=90=E5=BD=B1=20=20?=
 =?UTF-8?q?=E5=93=8D=E3=80=91=EF=BC=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

# 类型 包含:
# feat：新功能（feature）
# fix：修补bug
# docs：文档（documentation）
# style： 格式（不影响代码运行的变动）
# refactor：重构（即不是新增功能，也不是修改bug的代码变动）
# test：增加测试
# chore：构建过程或辅助工具的变动
---
 src/views/layout/components/menubar.vue | 44 ++++++++++++++++++++++++-
 1 file changed, 43 insertions(+), 1 deletion(-)

diff --git a/src/views/layout/components/menubar.vue b/src/views/layout/components/menubar.vue
index 688a20a..b1f3caf 100644
--- a/src/views/layout/components/menubar.vue
+++ b/src/views/layout/components/menubar.vue
@@ -5,9 +5,13 @@
       <div v-if="isCollapse" key="isCollapse" class="sidebar-logo-link" @click="isTap = !isTap">
         <img :src="isTap ? require('@/assets/logo.svg') : require('@/assets/appletLogo.svg')" class="sidebar-logo">
       </div>
+      <!-- 展开状态下 -->
       <div v-else key="expand" class="sidebar-logo-link" @click="isTap = !isTap">
         <img :src="isTap ? require('@/assets/logo.svg') : require('@/assets/appletLogo.svg')" class="sidebar-logo">
-        <h1 class="sidebar-title">{{ title }}</h1>
+        <div class="sidebar-title-wrap">
+          <h1 class="sidebar-title">{{ title }}</h1>
+          <i class="el-icon-more arrow-icon" :class="{ rotate: !isTap }"></i>
+        </div>
       </div>
     </div>
     <!-- end logo -->
@@ -250,5 +254,43 @@ h1 {
       margin-right: 0px;
     }
   }
+
+  .sidebar-logo-link {
+    display: flex;
+    align-items: center;
+    padding: 0 12px;
+    height: 50px;
+    cursor: pointer;
+  }
+
+  .sidebar-logo {
+    width: 24px;
+    height: 24px;
+    margin-right: 12px;
+  }
+
+  .sidebar-title-wrap {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex: 1;
+  }
+
+  .sidebar-title {
+    font-size: 16px;
+    font-weight: bold;
+    white-space: nowrap;
+  }
+
+  .arrow-icon {
+    font-size: 16px;
+    color: $black-color;
+    transition: transform 0.3s ease;
+    margin-left: 8px;
+  }
+
+  .arrow-icon.rotate {
+    transform: rotate(180deg);
+  }
 }
 </style>