导航栏样式修改

frontend/src/layouts/LayoutTransverse/index.vue

@@ -3,13 +3,22 @@
   <el-container class="layout">
     <el-header>
       <div class="logo flx-center">
-        <img class="logo-img" src="@/assets/images/logo.svg" alt="logo" />
+        <!-- <img class="logo-img" src="@/assets/images/logo.svg" alt="logo" /> -->
+        <img
+          class="logo-img"
+          src="@/assets/images/cn_pms9100_logo.png"
+          alt="logo"
+        />
         <span class="logo-text">{{ title }}</span>
       </div>
-      <el-menu mode="horizontal" :router="false" :default-active="activeMenu">
+      <el-menu trigger="click" mode="horizontal" :router="false" :default-active="activeMenu">
         <!-- 不能直接使用 SubMenu 组件，无法触发 el-menu 隐藏省略功能 -->
         <template v-for="subItem in menuList" :key="subItem.path">
-          <el-sub-menu v-if="subItem.children?.length" :key="subItem.path" :index="subItem.path + 'el-sub-menu'">
+          <el-sub-menu
+            v-if="subItem.children?.length"
+            :key="subItem.path"
+            :index="subItem.path + 'el-sub-menu'"
+          >
             <template #title>
               <el-icon>
                 <component :is="subItem.meta.icon"></component>
@@ -18,7 +27,12 @@
             </template>
             <SubMenu :menu-list="subItem.children" />
           </el-sub-menu>
-          <el-menu-item v-else :key="subItem.path + 'el-menu-item'" :index="subItem.path" @click="handleClickMenu(subItem)">
+          <el-menu-item
+            v-else
+            :key="subItem.path + 'el-menu-item'"
+            :index="subItem.path"
+            @click="handleClickMenu(subItem)"
+          >
             <el-icon>
               <component :is="subItem.meta.icon"></component>
             </el-icon>
@@ -48,7 +62,9 @@ const route = useRoute();
 const router = useRouter();
 const authStore = useAuthStore();
 const menuList = computed(() => authStore.showMenuListGet);
-const activeMenu = computed(() => (route.meta.activeMenu ? route.meta.activeMenu : route.path) as string);
+const activeMenu = computed(
+  () => (route.meta.activeMenu ? route.meta.activeMenu : route.path) as string
+);
 
 const handleClickMenu = (subItem: Menu.MenuOptions) => {
   if (subItem.meta.isLink) return window.open(subItem.meta.isLink, "_blank");
@@ -58,4 +74,10 @@ const handleClickMenu = (subItem: Menu.MenuOptions) => {
 
 <style scoped lang="scss">
 @import "./index.scss";
+.logo{
+  margin-right: 0 !important;
+}
+.logo-text {
+  letter-spacing: 2px;
+}
 </style>