From 4f23412f76749af0fa72215a5ad4a0768aecaa6c Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Mon, 2 Feb 2026 18:51:40 +0800
Subject: [PATCH] =?UTF-8?q?chore(=E6=96=8B=E6=9C=88=E6=89=93=E6=A6=9C?=
 =?UTF-8?q?=E6=B4=BB=E5=8A=A8):=20=E6=8E=92=E8=A1=8C=E6=A6=9C=E5=90=8D?=
 =?UTF-8?q?=E7=A7=B0=E5=B1=95=E7=A4=BA=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Activities/LuckyDollars/Season3/index.vue | 84 ++++++++++++++-----
 1 file changed, 63 insertions(+), 21 deletions(-)

diff --git a/src/views/Activities/LuckyDollars/Season3/index.vue b/src/views/Activities/LuckyDollars/Season3/index.vue
index 1485162..d6db93d 100644
--- a/src/views/Activities/LuckyDollars/Season3/index.vue
+++ b/src/views/Activities/LuckyDollars/Season3/index.vue
@@ -337,13 +337,13 @@
                         :contentStyle="`padding:0;`"
                         :lazy="true"
                       >
-                        <div style="width: 100%">
+                        <div style="width: 100%; margin-top: 1vw">
                           <div
                             style="
                               height: 100%;
                               display: flex;
                               align-items: center;
-                              justify-content: center;
+                              /* justify-content: center; */
                               overflow: hidden;
                             "
                           >
@@ -367,7 +367,7 @@
                               </div>
                             </div>
 
-                            <div v-else>
+                            <div v-else style="width: 100%; text-align: center">
                               <div
                                 style="
                                   color: #fff;
@@ -384,7 +384,7 @@
                       </itemCenter>
 
                       <!-- ID -->
-                      <div style="color: #fff; font-weight: 590" class="UserNickname">
+                      <div style="color: #fff; font-weight: 590" class="Textlittle">
                         {{ $t('user_id_prefix') }}
                         {{ listItem?.specialAccount || listItem?.account }}
                       </div>
@@ -407,7 +407,7 @@
                       alt=""
                       style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
                     />
-                    <div style="color: #ffe601; font-weight: 700" class="UserNickname">
+                    <div style="color: #ffe601; font-weight: 700" class="Textlittle">
                       {{ listItem?.amount || 0 }}
                     </div>
                   </div>
@@ -506,19 +506,61 @@
 
                     <!-- 名称、id -->
                     <div style="flex: 1; min-width: 0; display: flex; flex-direction: column">
-                      <div
-                        style="
-                          color: #fff;
-                          font-weight: 860;
-                          overflow: hidden;
-                          white-space: nowrap;
-                          text-overflow: ellipsis;
-                        "
-                        class="UserNickname"
+                      <!-- 滚动名称 -->
+                      <itemCenter
+                        style="width: 30vw; height: 10vw; min-width: 0"
+                        :imgUrl="imageUrl('userNameBorder')"
+                        :contentStyle="`padding:0;`"
+                        :lazy="true"
                       >
-                        {{ listItem?.userName }}
-                      </div>
-                      <div style="color: #fff; font-weight: 590" class="UserNickname">
+                        <div style="width: 100%; margin-top: 1vw">
+                          <div
+                            style="
+                              height: 100%;
+                              display: flex;
+                              align-items: center;
+                              /* justify-content: center; */
+                              overflow: hidden;
+                            "
+                          >
+                            <!-- 滚动容器 -->
+                            <div
+                              v-if="isTextOverflow(listItem?.userName || '')"
+                              class="scroll-wrapper"
+                            >
+                              <!-- 2套内容 -->
+                              <div class="scroll-content" v-for="value in 2">
+                                <div
+                                  style="
+                                    color: #fff;
+                                    font-size: 1em;
+                                    font-weight: 860;
+                                    white-space: nowrap;
+                                  "
+                                >
+                                  {{ listItem?.userName }}
+                                </div>
+                              </div>
+                            </div>
+
+                            <div v-else style="width: 100%; text-align: center">
+                              <div
+                                style="
+                                  color: #fff;
+                                  font-size: 1em;
+                                  font-weight: 860;
+                                  white-space: nowrap;
+                                "
+                              >
+                                {{ listItem?.userName }}
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </itemCenter>
+
+                      <!-- ID -->
+                      <div style="color: #fff; font-weight: 590" class="Textlittle">
                         {{ $t('user_id_prefix') }}
                         {{ listItem?.specialAccount || listItem?.account }}
                       </div>
@@ -541,7 +583,7 @@
                       alt=""
                       style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
                     />
-                    <div style="color: #ffe601; font-weight: 700" class="UserNickname">
+                    <div style="color: #ffe601; font-weight: 700" class="Textlittle">
                       {{ listItem?.amount || 0 }}
                     </div>
                   </div>
@@ -1439,12 +1481,12 @@
               <div
                 style="
                   color: #fff;
+                  font-size: 1em;
                   font-weight: 860;
                   overflow: hidden;
                   white-space: nowrap;
                   text-overflow: ellipsis;
                 "
-                class="UserNickname"
               >
                 {{ myRanking.userName }}
               </div>
@@ -2654,8 +2696,8 @@ onUnmounted(() => {
   font-size: 0.8em;
 }
 
-.UserNickname {
-  font-size: 0.8em;
+.Textlittle {
+  font-size: 0.9em;
 }
 
 .timeBox {