From 77c6de2d14b0e38389e40ebd9526d5be27486d06 Mon Sep 17 00:00:00 2001
From: Gary Gu <garygu@Garydebijibendiannao.local>
Date: Thu, 17 Apr 2025 15:48:55 +0800
Subject: [PATCH] fix: 配置文件修改
---
src/components/Header.vue | 28 +++++++++++++++++++++++++---
1 files changed, 25 insertions(+), 3 deletions(-)
diff --git a/src/components/Header.vue b/src/components/Header.vue
index e37f15e..f9625c4 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -2,7 +2,7 @@
* @Author: gjj Ganjj@probim.com.cn
* @Date: 2025-02-14 14:32:18
* @LastEditors: gjj Ganjj@probim.com.cn
- * @LastEditTime: 2025-02-26 15:50:22
+ * @LastEditTime: 2025-03-17 11:05:39
* @FilePath: \北京交通大学\src\components\Header.vue
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
@@ -14,7 +14,7 @@
backgroundPosition: 'center center',
backgroundSize: '100% 100%'
}">
- <div class="absolute top-0 left-1/2 -translate-x-1/2 h-full px-[16px] flex items-center justify-between">
+ <div class="absolute top-0 left-1/2 -translate-x-1/2 h-full px-[16px] flex items-center justify-between tabWrapper" >
<div class="flex flex-col items-center cursor-pointer relative" @click="onHomeClick('home')">
<div class="flex items-center">
<img class="w-[20px] h-[20px]" :src="getImageUrl(activeTab === 'home' ? 'home_active.png' : 'home.png')" alt="">
@@ -22,6 +22,14 @@
</div>
<img class="w-[116px] h-[8px] absolute bottom-[-4px]" :src="getImageUrl('home_line.png')" alt="" v-if="activeTab === 'home'">
</div>
+ <div class="flex flex-col items-center ml-[78px] cursor-pointer relative" @click="onHomeClick('xietong')">
+ <div class="flex items-center">
+ <img class="w-[20px] h-[20px]" :src="getImageUrl(activeTab === 'xietong' ? 'xietong_active.png' : 'xietong.png')" alt="">
+ <div class="text-[20px] text-[#C8C8C8] ml-[8px]" :class="{'text-[#FFBF00]': activeTab === 'xietong'}">协同平台</div>
+ </div>
+ <img class="w-[116px] h-[8px] absolute bottom-[-4px]" :src="getImageUrl('home_line.png')" alt="" v-if="activeTab === 'xietong'">
+ </div>
+
<div class="flex flex-col items-center ml-[78px] cursor-pointer relative" @click="onHomeClick('zhihui')">
<div class="flex items-center">
<img class="w-[20px] h-[20px]" :src="getImageUrl(activeTab === 'zhihui' ? 'zhihui_active.png' : 'zhihui.png')" alt="">
@@ -32,7 +40,8 @@
</div>
<div class="absolute top-0 right-0">
<div class="flex items-center h-[80px] mr-[20px]">
- <img class="w-[20px] h-[20px]" :src="getImageUrl('time.png')" alt="">
+ <i class="el-icon-full-screen cursor-pointer text-[#00FFFF] text-[24px]" @click="handleFullscreen" :title="$fullscreen.isFullscreen ? '退出全屏' : '全屏'"></i>
+ <img class="w-[20px] h-[20px] ml-[8px]" :src="getImageUrl('time.png')" alt="">
<div class="text-[24px] text-[#FFBF00] ml-[8px]">{{ currentTime }}</div>
<div class="text-[16px] text-[#C8C8C8] ml-[20px]">{{ currentDate }}</div>
</div>
@@ -67,11 +76,19 @@
},
},
methods: {
+ handleFullscreen() {
+ if (this.$fullscreen.isFullscreen) {
+ this.$fullscreen.exit()
+ } else {
+ this.$fullscreen.request()
+ }
+ },
getImageUrl(name) {
return new URL(`../assets/images/backgrounds/${name}`, import.meta.url).href
},
onHomeClick(tab) {
this.activeTab = tab;
+ this.$emit("onHomeClick", tab);
},
updateTime() {
const now = new Date();
@@ -99,3 +116,8 @@
}
};
</script>
+<style lang="scss" scoped>
+ .tabWrapper {
+ margin-left: 150px;
+ }
+ </style>
--
Gitblit v1.9.3