提交首页更改

web/src/layout/components/Navbar.vue

@@ -1,8 +1,18 @@
 <template>
   <div class="navbar">
-    <hamburger id="hamburger-container" :is-active="appStore.sidebar.opened" class="hamburger-container" @toggle-click="toggleSideBar" />
+    <!-- <hamburger id="hamburger-container" :is-active="appStore.sidebar.opened" class="hamburger-container" @toggle-click="toggleSideBar" />
     <breadcrumb v-if="!settingsStore.topNav" id="breadcrumb-container" class="breadcrumb-container" />
-    <top-nav v-if="settingsStore.topNav" id="topmenu-container" class="topmenu-container" />
+    <top-nav v-if="settingsStore.topNav" id="topmenu-container" class="topmenu-container" /> -->
+
+    <!-- 左侧Logo和系统名称 -->
+    <div class="left-menu flex align-center">
+      <div class="logo-container">
+        <img src="@/assets/logo/logo.svg" alt="学校Logo" class="school-logo" />
+      </div>
+      <div class="system-title">
+        <span class="title-text">杭州第一技师学院智慧校园管理系统</span>
+      </div>
+    </div>
 
     <div class="right-menu flex align-center">
       <template v-if="appStore.device !== 'mobile'">
@@ -251,6 +261,38 @@ watch(
     vertical-align: top;
   }
 
+  .left-menu {
+    float: left;
+    height: 100%;
+    line-height: 50px;
+    display: flex;
+    margin-left: 20px;
+
+    .logo-container {
+      margin-right: 12px;
+      display: flex;
+      align-items: center;
+
+      .school-logo {
+        width: 32px;
+        height: 32px;
+        object-fit: contain;
+      }
+    }
+
+    .system-title {
+      display: flex;
+      align-items: center;
+
+      .title-text {
+        font-size: 18px;
+        font-weight: 600;
+        color: #303133;
+        letter-spacing: 1px;
+      }
+    }
+  }
+
   .right-menu {
     float: right;
     height: 100%;