From f3b6e1c9ab87fae34c801396f42473adf5fdd215 Mon Sep 17 00:00:00 2001 From: Gary Gu <garygu@Garydebijibendiannao.local> Date: Mon, 14 Apr 2025 10:48:54 +0800 Subject: [PATCH] feat: 协同图标切换 --- src/components/Header.vue | 9 +++++++++ 1 files changed, 9 insertions(+), 0 deletions(-) diff --git a/src/components/Header.vue b/src/components/Header.vue index 3e8d552..bf23006 100644 --- a/src/components/Header.vue +++ b/src/components/Header.vue @@ -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=""> @@ -80,6 +88,7 @@ }, onHomeClick(tab) { this.activeTab = tab; + this.$emit("onHomeClick", tab); }, updateTime() { const now = new Date(); -- Gitblit v1.9.3