略改样式

src/views/ProjectScreen/components/header.vue

@@ -16,10 +16,6 @@
     </div>
     <div class="header_right">
       <div class="top-bar">
-        <!--  -->
-        <div style="margin-right: 10px;cursor: pointer;" @click="emit('changePage')">
-           <el-icon size="20"><Expand /></el-icon>
-        </div>
         <!-- 左侧：天气图标 + 日期文字 -->
         <div class="left-section">
           <div class="weather-list" @mouseenter="requestPause" @mouseleave="resumeScroll">
@@ -41,6 +37,20 @@
           <img src="@/assets/large/setting.png" alt="设置图标" />
           <span>管理系统</span>
         </div>
+        <!-- 分割线 -->
+        <div class="divider">
+          <div class="top-block"></div>
+          <div class="bottom-block"></div>
+        </div>
+        <!--  -->
+        <div class="change" @click="emit('changePage')">
+          <el-icon size="20" v-if="!isFull">
+            <Expand />
+          </el-icon>
+          <el-icon size="20" v-else>
+            <Fold />
+          </el-icon>
+        </div>
       </div>
     </div>
   </div>
@@ -63,6 +73,10 @@ const props = defineProps({
   projectId: {
     type: String,
     default: ''
+  },
+  isFull: {
+    type: Boolean,
+    default: false
   }
 })
 
@@ -120,7 +134,7 @@ function startScroll() {
 }
 
 function requestPause() {
-  if(timer.value) {
+  if (timer.value) {
     clearInterval(timer.value)
     timer.value = null
   }
@@ -302,4 +316,11 @@ onUnmounted(() => {
   margin-right: 6px;
   /* 图标与文字间距 */
 }
+
+.change {
+  display: grid;
+  place-items: center;
+  margin-right: 10px;
+  cursor: pointer;
+}
 </style>