UI完善

src/pages/rank-list.vue

@@ -138,6 +138,9 @@ const subTitles = ["排位赛积分", "本周MVP次数", "本周十环次数"];
           >分</text
         >
       </view>
+      <view v-if="!currentList.length" class="no-data">
+        <text>筹备中...</text>
+      </view>
     </view>
     <view class="my-rank-data" v-if="myData">
       <image src="../static/modal-content-bg.png" mode="widthFix" />
@@ -313,4 +316,13 @@ const subTitles = ["排位赛积分", "本周MVP次数", "本周十环次数"];
   font-size: 12px;
   margin-right: 0 !important;
 }
+.no-data {
+  width: 100%;
+  height: 400px;
+  display: flex;
+  justify-content: center !important;
+  align-items: center;
+  color: #fff9;
+  font-size: 14px;
+}
 </style>

src/pages/ranking.vue

@@ -274,6 +274,9 @@ const toRankListPage = () => {
           </view>
           <text>{{ item.totalScore }}<text>分</text></text>
         </view>
+        <view v-if="!currentList.length" class="no-data">
+          <text>筹备中...</text>
+        </view>
         <view class="see-more" @click="toRankListPage">点击查看更多</view>
       </view>
     </view>
@@ -468,4 +471,12 @@ const toRankListPage = () => {
   margin-top: 5px;
   margin-bottom: 10px;
 }
+.no-data {
+  width: 100%;
+  height: 200px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: #fff9;
+}
 </style>