From efaebada30c0d744225b57ea9776ff61640ff21e Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Tue, 2 Dec 2025 10:42:40 +0800
Subject: [PATCH] =?UTF-8?q?style(=E6=B4=BB=E5=8A=A8=E3=80=81=E6=8E=92?=
 =?UTF-8?q?=E8=A1=8C=E6=A6=9C):=20=E4=B8=BA=E6=88=91=E7=9A=84=E6=8E=92?=
 =?UTF-8?q?=E5=90=8D=E6=A8=A1=E5=9D=97=E9=A2=84=E7=95=99=E4=BD=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Activities/Game/index.vue                  |  3 +++
 src/views/Activities/Yemen/IndependenceDay/index.vue |  3 +++
 src/views/Ranking/KingAndQueen/TopList.vue           |  3 +++
 src/views/Ranking/Overall/Ranking.vue                | 12 +++++++++++-
 src/views/Ranking/WeeklyStar/WeeklyStar.vue          |  3 +++
 5 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/src/views/Activities/Game/index.vue b/src/views/Activities/Game/index.vue
index 2d37dbe..998bb4d 100644
--- a/src/views/Activities/Game/index.vue
+++ b/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"
diff --git a/src/views/Activities/Yemen/IndependenceDay/index.vue b/src/views/Activities/Yemen/IndependenceDay/index.vue
index f1b2543..7d13c78 100644
--- a/src/views/Activities/Yemen/IndependenceDay/index.vue
+++ b/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"
diff --git a/src/views/Ranking/KingAndQueen/TopList.vue b/src/views/Ranking/KingAndQueen/TopList.vue
index 3db06c2..66dd83f 100644
--- a/src/views/Ranking/KingAndQueen/TopList.vue
+++ b/src/views/Ranking/KingAndQueen/TopList.vue
@@ -552,6 +552,9 @@
       </div>
     </maskLayer>
 
+    <!-- 我的排名占位 -->
+    <div style="height: 25vw"></div>
+
     <!-- 我的排名 -->
     <div
       style="
diff --git a/src/views/Ranking/Overall/Ranking.vue b/src/views/Ranking/Overall/Ranking.vue
index 6e559d7..24afc80 100644
--- a/src/views/Ranking/Overall/Ranking.vue
+++ b/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>
 
diff --git a/src/views/Ranking/WeeklyStar/WeeklyStar.vue b/src/views/Ranking/WeeklyStar/WeeklyStar.vue
index 548c932..8f1b259 100644
--- a/src/views/Ranking/WeeklyStar/WeeklyStar.vue
+++ b/src/views/Ranking/WeeklyStar/WeeklyStar.vue
@@ -363,6 +363,9 @@
       </div>
     </div>
 
+    <!-- 我的排名占位 -->
+    <div style="height: 25vw"></div>
+
     <!-- 我的排名 -->
     <div
       style="