移动端深度九大模型专属token样式。

src/views/homePage.vue

@@ -1423,11 +1423,13 @@ onUnmounted(() => {
         </div>
 
         <div class="homepage-right-group" v-if="isMobile">
-          <div class="count-badge" @click="showCount">
-            <img src="https://d31zlh4on95l9h.cloudfront.net/images/74e20c65c9ef2526477c63ad68698a50.png"
+          <div class="count-badge" @click="showCount" :class="{'deepnine-model': activeTab === 'deepNine'}">
+            <img v-if="activeTab !== 'deepNine'" src="https://d31zlh4on95l9h.cloudfront.net/images/74e20c65c9ef2526477c63ad68698a50.png"
+              class="action-btn" />
+            <img v-else src="https://d31zlh4on95l9h.cloudfront.net/images/4621e0d1463a13c6654fe39215ee64c2.png"
               class="action-btn" />
             <div class="count-number">{{ UserCount }}</div>
-            <div class="clickGetCount">点击获取Token</div>
+            <div class="clickGetCount">{{ activeTab === 'deepNine' ? '深度九专属Token' : '点击获取Token' }}</div>
           </div>
           <div class="backToHomeBtn" @click="backToHome()">
             <img src="https://d31zlh4on95l9h.cloudfront.net/images/9272c00f21a2724c3a76e375949ee1de.png" alt="返回首页"
@@ -2071,7 +2073,11 @@ body {
   width: 68%;
   text-align: center;
   color: #6a00ff;
-  font-size: 14px;
+}
+
+.deepnine-model .count-number {
+  color: blue;
+  font-size: 12px;
   font-weight: bold;
 }