更新路由配置，修改店铺信息展示，登录拦截

src/layout/components/NavBar/components/UserProfile.vue

@@ -1,8 +1,8 @@
 <template>
   <el-dropdown trigger="click">
     <div class="flex-center h100% p13px">
-      <img :src="userStore.userInfo.avatar" class="rounded-full mr-10px w24px h24px" />
-      <span>{{ userStore.userInfo.username }}</span>
+      <img :src="userStore.userInfo.logo" class="rounded-full mr-10px w40px h40px" />
+      <span class="title">{{ userStore.userInfo.shopName }}</span>
       <el-icon><CaretBottom /></el-icon>
     </div>
     <template #dropdown>
@@ -58,3 +58,9 @@ function logout() {
 </script>
 
 <style lang="scss" scoped></style>
+<style scoped>
+.title {
+  font-size: 16px;
+  color: #5a5e66;
+}
+</style>

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

@@ -2,10 +2,8 @@
   <div class="logo">
     <transition name="el-fade-in-linear" mode="out-in">
       <router-link :key="+collapse" class="wh-full flex-center" to="/">
-        <img :src="logo" class="w20px h20px" />
-        <span v-if="!collapse" class="title">
-          {{ defaultSettings.title }}
-        </span>
+        <img :src="userStore.userInfo.logo" class="w20px h20px" />
+        <span v-if="!collapse" class="title">{{ userStore.userInfo.shopName }}</span>
       </router-link>
     </transition>
   </div>
@@ -13,7 +11,9 @@
 
 <script lang="ts" setup>
 import defaultSettings from "@/settings";
-import logo from "@/assets/logo.png";
+import { useUserStore } from "@/store";
+
+const userStore = useUserStore();
 
 defineProps({
   collapse: {
@@ -32,9 +32,12 @@ defineProps({
   .title {
     flex-shrink: 0; /* 防止容器在空间不足时缩小 */
     margin-left: 10px;
-    font-size: 14px;
-    font-weight: bold;
-    color: #333;
+    font-size: 16px;
+    color: #5a5e66;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    max-width: 150px;
   }
 }
 

src/layout/components/Sidebar/components/SidebarMenu.vue

@@ -7,7 +7,7 @@
     :background-color="variables['menu-background']"
     :text-color="variables['menu-text']"
     :active-text-color="variables['menu-active-text']"
-    :unique-opened="false"
+    :unique-opened="true"
     :collapse-transition="false"
     :mode="menuMode"
     @open="onMenuOpen"