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>