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>