From 493c743e888600716566760cea2d1cd8e3d16d1b Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Tue, 23 Sep 2025 14:49:49 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=A0=B7=E5=BC=8F):=20=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E5=85=BC=E5=AE=B9=E9=97=AE=E9=A2=98=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/TopList/TopList.vue | 44 ++++++++++++-----------------------
 1 file changed, 15 insertions(+), 29 deletions(-)

diff --git a/src/views/TopList/TopList.vue b/src/views/TopList/TopList.vue
index 8be4bd1..dd13a63 100644
--- a/src/views/TopList/TopList.vue
+++ b/src/views/TopList/TopList.vue
@@ -95,40 +95,13 @@
         <!-- 天数 -->
         <div style="width: 10%; position: relative; margin-right: 10px">
           <img :src="images.dayBg" alt="" width="100%" style="display: block" />
-          <div
-            style="
-              position: absolute;
-              inset: 0;
-              display: flex;
-              justify-content: center;
-              align-items: center;
-              color: #fff;
-              font-weight: 860;
-            "
-          >
-            {{ Days }}D
-          </div>
+          <div class="time">{{ Days }}D</div>
         </div>
 
         <!-- 当天时间倒计时 -->
         <div style="width: 23.75%; position: relative">
           <img :src="images.timeBg" alt="" width="100%" style="display: block" />
-          <div
-            style="
-              position: absolute;
-              top: 0;
-              bottom: 0;
-              left: 0;
-              right: 0;
-              display: flex;
-              justify-content: center;
-              align-items: center;
-              color: #fff;
-              font-weight: 860;
-            "
-          >
-            {{ Hours }} : {{ Minutes }} : {{ Second }}
-          </div>
+          <div class="time">{{ Hours }} : {{ Minutes }} : {{ Second }}</div>
         </div>
       </div>
 
@@ -425,7 +398,9 @@
                       rgba(255, 238, 198, 1)
                     );
                     background-clip: text;
+                    -webkit-background-clip: text;
                     color: transparent;
+                    -webkit-text-fill-color: transparent;
                   "
                 >
                   {{ showTopOne.group }}
@@ -1113,6 +1088,17 @@ onUnmounted(() => {
   position: relative;
 }
 
+.time {
+  font-size: 0.9em;
+  position: absolute;
+  inset: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: #fff;
+  font-weight: 860;
+}
+
 .topUserNickname::-webkit-scrollbar {
   display: none;
 }