From f83f47fece084b2e19cf7c67121abc634248907e Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Mon, 10 Nov 2025 12:21:03 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E5=9B=BD=E7=8E=8B=E7=9A=87=E5=90=8E):=20?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=90=8D=E7=A7=B0=E8=BF=87=E9=95=BF=E6=8C=A4?=
 =?UTF-8?q?=E5=8E=8B=E5=85=B6=E4=BB=96=E5=86=85=E5=AE=B9=E7=9A=84=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/TopList/TopList.vue | 38 +++++++++++++++++++++++------------
 1 file changed, 25 insertions(+), 13 deletions(-)

diff --git a/src/views/TopList/TopList.vue b/src/views/TopList/TopList.vue
index b5d07dc..b66f1ea 100644
--- a/src/views/TopList/TopList.vue
+++ b/src/views/TopList/TopList.vue
@@ -215,7 +215,7 @@
                   padding: 0 15%;
                 "
               >
-                <div style="width: 70%; display: flex; align-items: center">
+                <div style="width: 80%; display: flex; align-items: center">
                   <div style="color: #edb247; font-weight: 700; width: 28px">
                     {{ listItem.rank }}
                   </div>
@@ -266,7 +266,7 @@
                   </div>
                 </div>
 
-                <div style="display: flex; width: 30%; display: flex; align-items: center">
+                <div style="display: flex; width: 20%; display: flex; align-items: center">
                   <img src="/src/assets/icon/coin.png" alt="" style="width: 25%" />
                   <div style="color: #edb247; font-weight: 700" class="topUserNickname">
                     {{ listItem.quantity }}
@@ -563,21 +563,21 @@
       <div
         style="
           position: absolute;
-          top: 0;
-          bottom: 0;
-          left: 0;
-          right: 0;
+          inset: 0;
           display: flex;
           align-items: center;
           justify-content: center;
           padding: 0 8%;
+          gap: 8px;
         "
       >
-        <div style="flex: 1; display: flex; align-items: center">
+        <div style="width: 80%; display: flex; align-items: center">
+          <!-- 排名 -->
           <div style="color: #edb247; font-weight: 700">{{ myRanking.wealthRank || 0 }}</div>
+          <!-- 头像 -->
           <div
             style="
-              width: 24%;
+              width: 25%;
               aspect-ratio: 1/1;
               border-radius: 50%;
               margin: 0 12px;
@@ -595,16 +595,28 @@
               @error="defaultAvatarUrl"
             />
           </div>
-
-          <div style="display: flex; flex-direction: column">
-            <div style="color: #fff; font-weight: 860">
+          <!-- 名称 -->
+          <div style="display: flex; flex-direction: column; width: calc(100% - 30px - 24px - 25%)">
+            <div
+              style="
+                color: #fff;
+                font-weight: 860;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+              "
+            >
               {{ myRanking.userNickname }}
             </div>
           </div>
         </div>
 
-        <div style="display: flex; width: 30%; display: flex; align-items: center">
-          <img src="/src/assets/icon/coin.png" alt="" style="width: 25%; height: 20%" />
+        <div style="width: 20%; display: flex; align-items: center; gap: 2px">
+          <img
+            src="/src/assets/icon/coin.png"
+            alt=""
+            style="display: block; width: 35%; aspect-ratio: 1/1"
+          />
           <!-- 1:男,0:女 -->
           <div v-if="myRanking.userSex == 1" style="color: #edb247; font-weight: 700">
             {{ myRanking.wealthQuantity }}