From 587018eed8acda73ee41292a7b5edf8fc90e9e91 Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Wed, 17 Sep 2025 18:38:01 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E6=A0=B7=E5=BC=8F):=20=E6=A0=87=E7=AD=BE?=
 =?UTF-8?q?=E9=80=89=E4=B8=AD=E6=A0=B7=E5=BC=8F=E7=9A=84=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/AdminCenter.vue      | 20 +++++++++++---------
 src/views/ItemDistribution.vue | 20 +++++++++++---------
 2 files changed, 22 insertions(+), 18 deletions(-)

diff --git a/src/views/AdminCenter.vue b/src/views/AdminCenter.vue
index 695fc9f..7cd70f3 100644
--- a/src/views/AdminCenter.vue
+++ b/src/views/AdminCenter.vue
@@ -20,16 +20,9 @@
       <div
         v-for="(item, index) in tabList"
         :key="index"
-        style="
-          font-weight: 400;
-          font-size: 18px;
-          color: #00000066;
-          padding: 10px 0;
-          flex: 1;
-          text-align: center;
-        "
+        style="font-size: 18px; padding: 10px 0; flex: 1; text-align: center"
         class="tab-item"
-        :class="{ active: activeIndex == index }"
+        :class="activeIndex == index ? 'tabName-active' : 'tabName'"
         ref="tabItems"
         @click="setActiveTab(index)"
       >
@@ -355,6 +348,15 @@ const formatPrice = (value) => {
   color: black;
 }
 
+.tabName {
+  color: #00000066;
+}
+
+.tabName-active {
+  color: black;
+  font-weight: 500;
+}
+
 /* 添加页面样式 */
 .fullPage {
   width: 100vw;
diff --git a/src/views/ItemDistribution.vue b/src/views/ItemDistribution.vue
index 2078611..58d2bbc 100644
--- a/src/views/ItemDistribution.vue
+++ b/src/views/ItemDistribution.vue
@@ -14,16 +14,9 @@
       <div
         v-for="(item, index) in tabList"
         :key="index"
-        style="
-          font-weight: 400;
-          font-size: 18px;
-          color: #00000066;
-          padding: 10px 0;
-          flex: 1;
-          text-align: center;
-        "
+        style="font-size: 18px; padding: 10px 0; flex: 1; text-align: center"
         class="tab-item"
-        :class="{ active: activeIndex == index }"
+        :class="activeIndex == index ? 'tabName-active' : 'tabName'"
         ref="tabItems"
         @click="setActiveTab(index)"
       >
@@ -336,4 +329,13 @@ onMounted(() => {
   background-size: 100% 100%;
   background-repeat: no-repeat;
 }
+
+.tabName {
+  color: #00000066;
+}
+
+.tabName-active {
+  color: black;
+  font-weight: 500;
+}
 </style>