style(活动、排行榜): 为我的排名模块预留位置

src/views/Activities/Game/index.vue

@@ -292,6 +292,9 @@
         </div>
       </div>
 
+      <!-- 我的排名占位 -->
+      <div style="height: 30vw"></div>
+
       <!-- 我的排名 -->
       <itemCenter
         style="position: fixed; bottom: 0; z-index: 2"

src/views/Activities/Yemen/IndependenceDay/index.vue

@@ -301,6 +301,9 @@
         </div>
       </div>
 
+      <!-- 我的排名占位 -->
+      <div style="height: 25vw"></div>
+
       <!-- 我的排名 -->
       <itemCenter
         style="position: fixed; bottom: 0; z-index: 2"

src/views/Ranking/KingAndQueen/TopList.vue

@@ -552,6 +552,9 @@
       </div>
     </maskLayer>
 
+    <!-- 我的排名占位 -->
+    <div style="height: 25vw"></div>
+
     <!-- 我的排名 -->
     <div
       style="

src/views/Ranking/Overall/Ranking.vue

@@ -128,7 +128,7 @@
       <!-- 排行榜模块 -->
       <div style="padding: 10px 0">
         <!-- 前3名 -->
-        <div style="margin: 3% 10px 0">
+        <div style="margin: 3% 10px 0; min-height: 70vw">
           <!-- 第一 -->
           <div style="display: flex; justify-content: center">
             <TopUser
@@ -245,6 +245,9 @@
       </div>
     </div>
 
+    <!-- 我的排名占位 -->
+    <div style="height: 15vw"></div>
+
     <!-- 我的排名 -->
     <div
       style="position: fixed; bottom: 0; z-index: 999; padding: 0 1px; width: 100%"
@@ -328,6 +331,7 @@ import { computed, onMounted, ref, watch, watchEffect } from 'vue'
 import { useRoute } from 'vue-router'
 import { isInApp, closePage, viewUserInfo, gotoRoom } from '@/utils/appBridge.js'
 import { connectToApp } from '@/utils/appConnector.js'
+import { preloadImages } from '@/utils/imagePreloader'
 
 import { getWealthRanking, getCharmRanking, getRoomRanking, getMyRanking } from '@/api/ranking'
 
@@ -345,6 +349,10 @@ const images = Object.fromEntries(
   })
 )
 
+// const preloadAllRankingImages = () => {
+//   preloadImages(images, { useSmartCache: true })
+// }
+
 const isInAppEnvironment = ref(false) // 检测是否在APP环境中
 const rankingType = ref(route.query.first || 'Wealth') //榜单类型
 const selectedTimeTab = ref('Daily') //时间标签
@@ -583,6 +591,8 @@ onMounted(() => {
   isInAppEnvironment.value = isInApp()
 
   observer.observe(sentinel.value)
+
+  // preloadAllRankingImages()
 })
 </script>
 

src/views/Ranking/WeeklyStar/WeeklyStar.vue

@@ -363,6 +363,9 @@
       </div>
     </div>
 
+    <!-- 我的排名占位 -->
+    <div style="height: 25vw"></div>
+
     <!-- 我的排名 -->
     <div
       style="