细节更新

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;

src/pages/index.vue

@@ -179,17 +179,16 @@ onShareTimeline(() => {
           <view class="ranking-players" @click="toRankListPage">
             <img src="../static/juezhanbang.png" mode="widthFix" />
             <view class="divide-line"></view>
+            <view class="player-avatars">
               <view
-              class="player-avatars"
+                v-for="i in 6"
-              v-if="rankData.rank && rankData.rank.length"
+                :key="i"
-            >
-              <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',
+                  borderColor: rankData.rank[i - 1]
+                    ? topThreeColors[i - 1] || '#000'
+                    : '#000',
                 }"
               >
                 <image v-if="i === 1" src="../static/champ1.png" />
@@ -198,20 +197,17 @@ onShareTimeline(() => {
                 <view v-if="i > 3">{{ i }}</view>
                 <image
                   :src="
-                        rankData.rank[i - 1].avatar || '../static/user-icon.png'
+                    rankData.rank[i - 1]
+                      ? rankData.rank[i - 1].avatar
+                      : '../static/user-icon-dark.png'
                   "
                   mode="aspectFill"
                 />
               </view>
-                </block>
+              <view class="more-players">
-              </block>
-              <view v-show="rankData.rank.length" 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;
+  margin-right: -20rpx;
-  border: 1px solid #312f35;
+  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;
+  top: -24rpx;
-  left: 12px;
+  left: 22rpx;
-  width: 16px;
+  width: 32rpx;
-  height: 16px;
+  height: 32rpx;
 }
 .player-avatar > view:first-child {
   border-radius: 50%;