|
|
@@ -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%;
|
