💄 调整小组件显示

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">

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;
 }