From da2285a8d09d2e740464f1560540b6c02f47a069 Mon Sep 17 00:00:00 2001
From: BTMuli <bt-muli@outlook.com>
Date: Sat, 28 Feb 2026 18:32:54 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E8=B0=83=E6=95=B4=E5=B0=8F?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/app/t-gameNav.vue |  9 +++++++--
 src/pages/common/PageHome.vue    | 21 ++++++---------------
 2 files changed, 13 insertions(+), 17 deletions(-)

diff --git a/src/components/app/t-gameNav.vue b/src/components/app/t-gameNav.vue
index a047b79b..e92b1dd1 100644
--- a/src/components/app/t-gameNav.vue
+++ b/src/components/app/t-gameNav.vue
@@ -1,9 +1,14 @@
 <!-- 版块小组件菜单 -->
 <template>
   <div class="tgn-container">
-    <div v-for="navItem in nav" :key="navItem.id" class="tgn-nav" @click="toNav(navItem)">
+    <div
+      v-for="navItem in nav"
+      :key="navItem.id"
+      :title="navItem.name"
+      class="tgn-nav"
+      @click="toNav(navItem)"
+    >
       <TMiImg :ori="true" :src="navItem.icon" alt="navIcon" />
-      <span>{{ navItem.name }}</span>
     </div>
     <div v-if="hasNav" class="tgn-nav" title="查看兑换码">
       <v-icon v-if="!loadCode" color="var(--tgc-od-orange)" size="25" @click="tryGetCode">
diff --git a/src/pages/common/PageHome.vue b/src/pages/common/PageHome.vue
index a40d91a0..01b1bbde 100644
--- a/src/pages/common/PageHome.vue
+++ b/src/pages/common/PageHome.vue
@@ -1,7 +1,7 @@
 <!-- 首页 -->
 <template>
   <v-app-bar>
-    <div :class="{ full: isLogin }" class="home-top-nav">
+    <div class="home-top-nav">
       <div v-if="isLogin" class="home-tools">
         <v-select
           v-model="curGid"
@@ -212,13 +212,10 @@ async function loadEnd(item: ReturnType<typeof defineComponent>): Promise<void>
   display: flex;
   width: 100%;
   max-width: 100%;
+  height: 100%;
   align-items: center;
-  justify-content: flex-start;
+  justify-content: space-between;
   overflow-x: auto;
-
-  &.full {
-    justify-content: space-between;
-  }
 }
 
 .home-container {
@@ -228,14 +225,6 @@ async function loadEnd(item: ReturnType<typeof defineComponent>): Promise<void>
   gap: 12px;
 }
 
-.home-top {
-  display: flex;
-  width: 100%;
-  align-items: center;
-  justify-content: space-between;
-  gap: 10px;
-}
-
 .home-tools {
   display: flex;
   align-items: center;
@@ -249,10 +238,12 @@ async function loadEnd(item: ReturnType<typeof defineComponent>): Promise<void>
 }
 
 .home-select {
+  position: relative;
   display: flex;
   align-items: center;
-  justify-content: space-between;
+  justify-content: center;
   margin-right: 16px;
+  margin-left: auto;
   gap: 8px;
 }