细节调整

src/pages/index.vue

@@ -88,7 +88,7 @@ const comingSoon = () => {
 <template>
   <view
     class="root-container"
-    :style="{ paddingTop: isIos ? '86rpx' : '70rpx' }"
+    :style="{ paddingTop: isIos ? '100rpx' : '70rpx' }"
   >
     <AppBackground />
     <UserHeader showRank :onSignin="() => (showModal = true)" />
@@ -125,7 +125,7 @@ const comingSoon = () => {
           @click="() => toPage('/pages/ranking')"
           hover-class="none"
         ></button>
-        <view class="ranking-players">
+        <view class="ranking-players" @click="toRankListPage">
           <img src="../static/juezhanbang.png" mode="widthFix" />
           <view class="divide-line"></view>
           <view class="player-avatars">
@@ -146,7 +146,7 @@ const comingSoon = () => {
                 </view>
               </block>
             </block>
-            <view class="more-players" @click="toRankListPage">
+            <view class="more-players">
               <text>{{ rankData.rank.length }}</text>
             </view>
           </view>

src/pages/ranking.vue

@@ -264,8 +264,8 @@ const toRankListPage = () => {
             </view>
           </block>
         </block>
+        <view class="see-more" @click="toRankListPage">点击查看更多</view>
       </view>
-      <view class="see-more" @click="toRankListPage">点击查看更多</view>
     </view>
   </Container>
 </template>
@@ -284,6 +284,9 @@ const toRankListPage = () => {
   border-radius: 10px;
   margin: 0 15px;
 }
+.ranking-data {
+  margin-bottom: 20px;
+}
 .ranking-my-data {
   margin-bottom: 15px;
 }
@@ -452,7 +455,7 @@ const toRankListPage = () => {
   font-size: 14px;
   text-align: center;
   width: 100%;
-  margin-top: 10px;
-  margin-bottom: 20px;
+  margin-top: 5px;
+  margin-bottom: 10px;
 }
 </style>