From bd728d0588e41f88f980ade140886097edf69a0d Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Tue, 4 Nov 2025 17:31:29 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E6=8A=BD=E5=A5=96=E6=B4=BB=E5=8A=A8?=
 =?UTF-8?q?=E9=A1=B5):=20=E4=BF=AE=E5=A4=8D=E6=8E=92=E8=A1=8C=E6=A6=9C?=
 =?UTF-8?q?=E7=9A=84=E5=A4=B4=E5=83=8F=E5=90=8D=E7=A7=B0=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Activities/Lottery/Lottery.vue | 22 ++++++++++++++--------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/src/views/Activities/Lottery/Lottery.vue b/src/views/Activities/Lottery/Lottery.vue
index 0125910..ac9844b 100644
--- a/src/views/Activities/Lottery/Lottery.vue
+++ b/src/views/Activities/Lottery/Lottery.vue
@@ -51,16 +51,21 @@
             padding: 12px;
           "
         >
-          <div style="display: flex; align-items: center; gap: 4px">
+          <div style="display: flex; align-items: center; gap: 4px; width: 80%">
             <div style="font-weight: 700">{{ user.rank }}</div>
             <img
               :src="user.avatar || ''"
               :alt="user.nickname || ''"
-              width="15%"
-              style="display: block; border-radius: 50%; aspect-ratio: 1/1; object-fit: cover"
+              style="
+                display: block;
+                width: 11vw;
+                border-radius: 50%;
+                aspect-ratio: 1/1;
+                object-fit: cover;
+              "
               @error="defaultAvatarUrl"
             />
-            <div style="width: 70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis">
+            <div style="width: 60%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis">
               {{ user.nickname || '' }}
             </div>
           </div>
@@ -625,13 +630,12 @@
         backdrop-filter: blur(32px);
       "
     >
-      <div style="display: flex; align-items: center; gap: 4px">
+      <div style="display: flex; align-items: center; gap: 4px; width: 80%">
         <div style="font-weight: 700">{{ userInfo.rank || 999 }}</div>
         <img
           :src="userInfo.userAvatar || ''"
           :alt="userInfo.userNickname || ''"
-          width="15%"
-          style="border-radius: 50%; aspect-ratio: 1/1; object-fit: cover"
+          style="border-radius: 50%; width: 11vw; aspect-ratio: 1/1; object-fit: cover"
           @error="defaultAvatarUrl"
         />
         <div style="width: 70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis">
@@ -645,7 +649,9 @@
           alt=""
           style="display: block; object-fit: cover; width: 6vw"
         />
-        <div style="color: #2df860; font-weight: 500">{{ userInfo.totalAmount || 0 }}</div>
+        <div style="color: #2df860; font-weight: 500">
+          {{ userInfo.totalAmount || 0 }}
+        </div>
       </div>
     </div>