From bace8e818069fd3d9d20a11aaece4b8f5b249132 Mon Sep 17 00:00:00 2001 From: Gary Gu <garygu@Garydebijibendiannao.local> Date: Thu, 17 Apr 2025 09:59:22 +0800 Subject: [PATCH] fix: 优化tab显示 --- src/components/Header.vue | 7 ++++++- 1 files changed, 6 insertions(+), 1 deletions(-) diff --git a/src/components/Header.vue b/src/components/Header.vue index bf23006..f9625c4 100644 --- a/src/components/Header.vue +++ b/src/components/Header.vue @@ -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=""> @@ -116,3 +116,8 @@ } }; </script> +<style lang="scss" scoped> + .tabWrapper { + margin-left: 150px; + } + </style> -- Gitblit v1.9.3