From eef113902e9668c0929b1d29f8df81586bc13563 Mon Sep 17 00:00:00 2001
From: kron <kai_hong@126.com>
Date: Sat, 11 Oct 2025 15:37:05 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=86=E8=8A=82=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Signin.vue     |   2 +-
 src/pages/index.vue           |  70 ++++++++++++++++------------------
 src/static/user-icon-dark.png | Bin 0 -> 1073 bytes
 3 files changed, 34 insertions(+), 38 deletions(-)
 create mode 100644 src/static/user-icon-dark.png

diff --git a/src/components/Signin.vue b/src/components/Signin.vue
index c8cd974..426793b 100644
--- a/src/components/Signin.vue
+++ b/src/components/Signin.vue
@@ -234,7 +234,7 @@ onShow(() => {
   height: 14px;
   border-radius: 50%;
   margin-right: 10px;
-  border: 1px solid #fff;
+  border: 1rpx solid #fff;
 }
 .protocol > view:last-child {
   display: flex;
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 1406a9d..6c2207a 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -179,39 +179,35 @@ onShareTimeline(() => {
           <view class="ranking-players" @click="toRankListPage">
             <img src="../static/juezhanbang.png" mode="widthFix" />
             <view class="divide-line"></view>
-            <view
-              class="player-avatars"
-              v-if="rankData.rank && rankData.rank.length"
-            >
-              <block v-for="i in 6" :key="i">
-                <block v-if="rankData.rank && rankData.rank[i - 1]">
-                  <view
-                    class="player-avatar"
-                    :style="{
-                      zIndex: 8 - i,
-                      borderColor: topThreeColors[i - 1] || '#000',
-                    }"
-                  >
-                    <image v-if="i === 1" src="../static/champ1.png" />
-                    <image v-if="i === 2" src="../static/champ2.png" />
-                    <image v-if="i === 3" src="../static/champ3.png" />
-                    <view v-if="i > 3">{{ i }}</view>
-                    <image
-                      :src="
-                        rankData.rank[i - 1].avatar || '../static/user-icon.png'
-                      "
-                      mode="aspectFill"
-                    />
-                  </view>
-                </block>
-              </block>
-              <view v-show="rankData.rank.length" class="more-players">
+            <view class="player-avatars">
+              <view
+                v-for="i in 6"
+                :key="i"
+                class="player-avatar"
+                :style="{
+                  zIndex: 8 - i,
+                  borderColor: rankData.rank[i - 1]
+                    ? topThreeColors[i - 1] || '#000'
+                    : '#000',
+                }"
+              >
+                <image v-if="i === 1" src="../static/champ1.png" />
+                <image v-if="i === 2" src="../static/champ2.png" />
+                <image v-if="i === 3" src="../static/champ3.png" />
+                <view v-if="i > 3">{{ i }}</view>
+                <image
+                  :src="
+                    rankData.rank[i - 1]
+                      ? rankData.rank[i - 1].avatar
+                      : '../static/user-icon-dark.png'
+                  "
+                  mode="aspectFill"
+                />
+              </view>
+              <view class="more-players">
                 <text>{{ rankData.rank.length }}</text>
               </view>
             </view>
-            <view>
-              <text :style="{ color: '#fff',fontSize: '30rpx',marginLeft:'20rpx' }">虚位以待 ~</text>
-            </view>
           </view>
           <view class="my-data">
             <view @click="() => toPage('/pages/my-growth')">
@@ -376,7 +372,7 @@ onShareTimeline(() => {
   align-items: center;
   padding-bottom: 20px;
   margin-top: 42%;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+  border-bottom: 1rpx solid rgba(255, 255, 255, 0.2);
 }
 
 .ranking-players > image:first-child {
@@ -401,8 +397,8 @@ onShareTimeline(() => {
   width: 82rpx;
   height: 82rpx;
   border-radius: 50%;
-  margin-right: -10px;
-  border: 1px solid #312f35;
+  margin-right: -20rpx;
+  border: 1rpx solid #312f35;
   position: relative;
   box-sizing: border-box;
 }
@@ -410,10 +406,10 @@ onShareTimeline(() => {
 .player-avatar > image:first-child,
 .player-avatar > view:first-child {
   position: absolute;
-  top: -10px;
-  left: 12px;
-  width: 16px;
-  height: 16px;
+  top: -24rpx;
+  left: 22rpx;
+  width: 32rpx;
+  height: 32rpx;
 }
 .player-avatar > view:first-child {
   border-radius: 50%;
diff --git a/src/static/user-icon-dark.png b/src/static/user-icon-dark.png
new file mode 100644
index 0000000000000000000000000000000000000000..06d2fe07c3ba8b7fd22a8d9e08861cd7766f3784
GIT binary patch
literal 1073
zcmV-11kU@3P)<h;3K|Lk000e1NJLTq002+`002-31^@s6juG;$000B{Nkl<Zc%1E<
z+iu%142J20Y*|j)KG3lHz5j!>YkZJ=%0MOEieecOla`W!ACSA2mVQ&DMA6BQ@86Cf
ztR@xdXo!GBL_i`UAQ2IehzLkT1SBE?5)lE3h=4>yKq4X_5fPAx2uLKCS{98QAbI5R
zM<>6h!6ZonWm$qM3dr*u()1KzmSurynqY7ahGBr?@qX6L-7I0PH5gMvlKxo{A7e|>
z)QgJ0YFVIbTX4=r8|!DHdmwt<e!utPTmyRL?)>*n(*Q*F#{3vD272+Ho*-8WZk3@Z
zHSCiV-VcYUB1YZDpeLbtYe6rp>pJEX;t8m$3W_V2?LX~k&0=RQQI;^qvC7oI^=z}-
z!SMPPB|GOg2OkE|YZ4TX>Dg(L`R$MGZSc7S-^QHwdYb*cm0Cj|L%`4{5v2;huj3}m
za>#N8^E3sWPjC-hvt_v!rIbIhgd}(t#v|Gz+P*lS&{;Uma<=Rn()J~SE@4a{kS3cg
zVT`T8LsHlzlE9YF^DpRs_CNr(t>52mACJL3FlZ9-6I`~N;<C(}*}g>ZBr=Q>l;t*O
zSF{~GDF%HS0F2|fneAcN&h{mO$3W{GnA)5JJ|FWu!?5AYxkT_Kj0F?xM$o!swcGVB
z`0|BV^}xRGS?!_sITyZ=0Nw+S;osUcEnw~7OHdp%O%KZw=V~HaMY?S}mI5eVbK)-+
z(XKV;Wr4Qqp{~tp8~6eaO&g;o{F|tq30MHdWxTeEf?mA%jd{E|M88-^4|;idzWM*A
zaf05)NgSVv-ks%JHde&2jyaRBCF;fc2bh&raoae?X^yh*`^sJP2d=pzxt9i`=pKlL
zg`zBP_NKbtLDRO;g^bc%gcs{59NrISS+>eXsj&@C`BROxE}D=*voMNPRT?y&K+eSk
z%JXsQo4N*L3^+G{br!}k@U>=$JyfBT7w*~?wwuArdaeBr&&BAG*guGknOn1&2c9|*
z3aD_Io;S)Nygkh_UoJCs<?Dke=9Wi2_85rq4NFxh+!h@O*OU0JE&QP;I%}b~{9eiG
zfyPu|s*1f>O6AlIW<Z<DA0NA}W9!Lei-G(74)jKM9b8~X7`|Zaqj`TnuvlgBK+LKb
z?;howlcG?58-($Z3QK<=#=D16?@U!{uswr-948UXvXAz~(`n4~xy!e5L|6oT#P996
z#>|pL@IJO6e6A1!95ct<S++54+k<*mcenq$1Qs4}%p7xPS;Esa!|U6-KhWRPhk#$f
zvEdkTtT<*4*iItTJj2gJ!({DokSt6@KDZ_#pZpV%B}_yFBq9P55dn#afJ8(<A|fCW
r5s-)oNJIoAA_5W-0f~r!6ae5Cp5$F7zAL`100000NkvXXu0mjfkV5}g

literal 0
HcmV?d00001