添加UI

src/pages/index.vue

@@ -35,6 +35,12 @@ const toPage = (path) => {
   });
 };
 
+const toRankListPage = () => {
+  uni.navigateTo({
+    url: "rank-list",
+  });
+};
+
 onMounted(async () => {
   try {
     const deviceInfo = uni.getDeviceInfo();
@@ -117,7 +123,9 @@ onMounted(async () => {
               <view v-if="i > 3">{{ i }}</view>
               <image src="../static/avatar.png" mode="aspectFill" />
             </view>
-            <view class="more-players">4563</view>
+            <view class="more-players" @click.stop="toRankListPage"
+              ><text>4563</text></view
+            >
           </view>
         </view>
         <view class="region-stats">
@@ -300,8 +308,12 @@ onMounted(async () => {
   border: none;
   font-size: 10px;
   line-height: 40px;
-  text-align: right;
-  padding-right: 5px;
+  display: flex;
+  justify-content: flex-end;
+}
+
+.more-players > text {
+  margin-right: 4px;
 }
 
 .region-stats {