细节更新

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,39 +179,35 @@ onShareTimeline(() => {
           <view class="ranking-players" @click="toRankListPage">
             <img src="../static/juezhanbang.png" mode="widthFix" />
             <view class="divide-line"></view>
-            <view
+            <view class="player-avatars">
-              class="player-avatars"
+              <view
-              v-if="rankData.rank && rankData.rank.length"
+                v-for="i in 6"
-            >
+                :key="i"
-              <block v-for="i in 6" :key="i">
+                class="player-avatar"
-                <block v-if="rankData.rank && rankData.rank[i - 1]">
+                :style="{
-                  <view
+                  zIndex: 8 - i,
-                    class="player-avatar"
+                  borderColor: rankData.rank[i - 1]
-                    :style="{
+                    ? topThreeColors[i - 1] || '#000'
-                      zIndex: 8 - i,
+                    : '#000',
-                      borderColor: topThreeColors[i - 1] || '#000',
+                }"
-                    }"
+              >
-                  >
+                <image v-if="i === 1" src="../static/champ1.png" />
-                    <image v-if="i === 1" src="../static/champ1.png" />
+                <image v-if="i === 2" src="../static/champ2.png" />
-                    <image v-if="i === 2" src="../static/champ2.png" />
+                <image v-if="i === 3" src="../static/champ3.png" />
-                    <image v-if="i === 3" src="../static/champ3.png" />
+                <view v-if="i > 3">{{ i }}</view>
-                    <view v-if="i > 3">{{ i }}</view>
+                <image
-                    <image
+                  :src="
-                      :src="
+                    rankData.rank[i - 1]
-                        rankData.rank[i - 1].avatar || '../static/user-icon.png'
+                      ? rankData.rank[i - 1].avatar
-                      "
+                      : '../static/user-icon-dark.png'
-                      mode="aspectFill"
+                  "
-                    />
+                  mode="aspectFill"
-                  </view>
+                />
-                </block>
+              </view>
-              </block>
+              <view class="more-players">
-              <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%;