导航修改

src/layout/components/Sidebar/components/SidebarLogo.vue

@@ -3,7 +3,22 @@
     <transition name="el-fade-in-linear" mode="out-in">
       <router-link :key="+collapse" class="wh-full flex-center" to="/">
         <img :src="userStore.userInfo.logo" class="w20px h20px" />
-        <span v-if="!collapse" class="title">{{ userStore.userInfo.shopName }}</span>
+        <!-- <span v-if="!collapse" class="title">{{ userStore.userInfo.shopName }}</span> -->
+        <el-dropdown trigger="click">
+          <span class="el-dropdown-link">
+            <span v-if="!collapse" class="title">{{ userStore.userInfo.shopName }}</span>
+            <el-icon class="el-icon--right">
+              <arrow-down />
+            </el-icon>
+          </span>
+          <template #dropdown>
+            <el-dropdown-menu>
+              <el-dropdown-item>门店 1</el-dropdown-item>
+              <el-dropdown-item>门店 2</el-dropdown-item>
+              <el-dropdown-item>门店 3</el-dropdown-item>
+            </el-dropdown-menu>
+          </template>
+        </el-dropdown>
       </router-link>
     </transition>
   </div>
@@ -30,7 +45,8 @@ defineProps({
   background-color: $sidebar-logo-background;
 
   .title {
-    flex-shrink: 0; /* 防止容器在空间不足时缩小 */
+    flex-shrink: 0;
+    /* 防止容器在空间不足时缩小 */
     margin-left: 10px;
     font-size: 16px;
     color: #5a5e66;