diff --git a/src/pages/index.vue b/src/pages/index.vue
index cfb98ee..61fd3f0 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -37,7 +37,7 @@ const toPage = (path) => {
 
 const toRankListPage = () => {
   uni.navigateTo({
-    url: "rank-list",
+    url: "/pages/rank-list",
   });
 };
 
@@ -126,7 +126,7 @@ const topThreeColors = ["#FFD947", "#D2D2D2", "#FFA515"];
               :key="i"
               class="player-avatar"
               :style="{
-                zIndex: 6 - i,
+                zIndex: 8 - i,
                 borderColor: topThreeColors[i - 1] || '#000',
               }"
             >
@@ -136,9 +136,9 @@ const topThreeColors = ["#FFD947", "#D2D2D2", "#FFA515"];
               <view v-if="i > 3">{{ i }}</view>
               <image src="../static/avatar.png" mode="aspectFill" />
             </view>
-            <view class="more-players" @click.stop="toRankListPage"
-              ><text>456{{ remoteConnect ? 1 : 0 }}</text></view
-            >
+            <view class="more-players" @click="toRankListPage">
+              <text>456{{ remoteConnect ? 1 : 0 }}</text>
+            </view>
           </view>
         </view>
         <view class="region-stats">
@@ -337,7 +337,7 @@ const topThreeColors = ["#FFD947", "#D2D2D2", "#FFA515"];
   font-size: 9px;
   line-height: 80rpx;
   text-align: center;
-  z-index: -1;
+  z-index: 1;
 }
 
 .more-players > text {