From 4b2faa227bebfc5b007638f66ed950af49a8d898 Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Mon, 5 Jan 2026 10:56:45 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E6=B8=B8=E6=88=8F=E7=8E=8B=E6=89=93?=
 =?UTF-8?q?=E6=A6=9C):=20=E8=B0=83=E6=95=B4=E5=9B=BE=E7=89=87=E9=A2=84?=
 =?UTF-8?q?=E5=8A=A0=E8=BD=BD=E6=B5=81=E7=A8=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Ranking/GamesKing/index.vue | 86 ++++++++++++++++++---------
 1 file changed, 59 insertions(+), 27 deletions(-)

diff --git a/src/views/Ranking/GamesKing/index.vue b/src/views/Ranking/GamesKing/index.vue
index 96e68ed..2b8994f 100644
--- a/src/views/Ranking/GamesKing/index.vue
+++ b/src/views/Ranking/GamesKing/index.vue
@@ -141,6 +141,7 @@
           </div>
         </div>
 
+        <!-- 模块 -->
         <div>
           <!-- history -->
           <div
@@ -581,10 +582,11 @@
         </div>
 
         <!-- 我的排名占位 -->
-        <div style="height: 25vw"></div>
+        <div v-if="rankingShow" style="height: 22vw"></div>
 
         <!-- 我的排名 -->
         <itemCenter
+          v-if="rankingShow"
           style="position: fixed; bottom: 0; z-index: 3"
           :imgUrl="imageUrl('myRankingBg')"
           :contentStyle="`padding: 0 8%`"
@@ -919,26 +921,20 @@ const preloadCriticalImages = async () => {
     imageUrl('bg2'),
     imageUrl('helpBt'),
     imageUrl('helpInfo'),
+    imageUrl('historyBt'),
+    imageUrl('historyBtActive'),
+    imageUrl('historyTopBg'),
+    imageUrl('historyTopFrame'),
+    imageUrl('specialRewardsBg'),
     imageUrl('myRankingBg'),
-    imageUrl('RankingBottomBorder'),
     imageUrl('rankingBt'),
     imageUrl('rankingBtActive'),
-    imageUrl('RankingCenterBg'),
-    imageUrl('RankingItem'),
-    imageUrl('RankingMain'),
     imageUrl('rewardBtActive'),
     imageUrl('rewardsBt'),
     imageUrl('timeBg'),
-    imageUrl('top1RewardBg'),
-    imageUrl('top2_4RewardBg'),
-    imageUrl('top5_7RewardBg'),
-    imageUrl('top8_10RewardBg'),
+    imageUrl('topBackBt'),
+    imageUrl('topNextBt'),
     imageUrl('top1'),
-    imageUrl('top2'),
-    imageUrl('top3'),
-    imageUrl('top4'),
-    imageUrl('top5_7'),
-    imageUrl('top8_10'),
   ]
 
   const criticalImages_ar = [
@@ -946,26 +942,20 @@ const preloadCriticalImages = async () => {
     imageUrl('bg2'),
     imageUrl('helpBt'),
     imageUrl('helpInfo_ar'),
+    imageUrl('historyBt_ar'),
+    imageUrl('historyBtActive_ar'),
+    imageUrl('historyTopBg_ar'),
+    imageUrl('historyTopFrame'),
+    imageUrl('specialRewardsBg_ar'),
     imageUrl('myRankingBg'),
-    imageUrl('RankingBottomBorder'),
     imageUrl('rankingBt_ar'),
     imageUrl('rankingBtActive_ar'),
-    imageUrl('RankingCenterBg'),
-    imageUrl('RankingItem'),
-    imageUrl('RankingMain_ar'),
     imageUrl('rewardBtActive_ar'),
     imageUrl('rewardsBt_ar'),
     imageUrl('timeBg'),
-    imageUrl('top1RewardBg'),
-    imageUrl('top2_4RewardBg'),
-    imageUrl('top5_7RewardBg'),
-    imageUrl('top8_10RewardBg'),
+    imageUrl('topBackBt'),
+    imageUrl('topNextBt'),
     imageUrl('top1'),
-    imageUrl('top2'),
-    imageUrl('top3'),
-    imageUrl('top4'),
-    imageUrl('top5_7'),
-    imageUrl('top8_10'),
   ]
 
   if (currentLangType.value == 'en') {
@@ -988,6 +978,47 @@ const completePreloading = async () => {
   }
 }
 
+// 预加载其他图片
+const preloadOtherImages = async () => {
+  const criticalImages = [
+    imageUrl('RankingBottomBorder'),
+    imageUrl('RankingCenterBg'),
+    imageUrl('RankingItem'),
+    imageUrl('RankingMain'),
+    imageUrl('top1RewardBg'),
+    imageUrl('top2_4RewardBg'),
+    imageUrl('top5_7RewardBg'),
+    imageUrl('top8_10RewardBg'),
+    imageUrl('top2'),
+    imageUrl('top3'),
+    imageUrl('top4'),
+    imageUrl('top5_7'),
+    imageUrl('top8_10'),
+  ]
+
+  const criticalImages_ar = [
+    imageUrl('RankingBottomBorder'),
+    imageUrl('RankingCenterBg'),
+    imageUrl('RankingItem'),
+    imageUrl('RankingMain_ar'),
+    imageUrl('top1RewardBg'),
+    imageUrl('top2_4RewardBg'),
+    imageUrl('top5_7RewardBg'),
+    imageUrl('top8_10RewardBg'),
+    imageUrl('top2'),
+    imageUrl('top3'),
+    imageUrl('top4'),
+    imageUrl('top5_7'),
+    imageUrl('top8_10'),
+  ]
+
+  if (currentLangType.value == 'en') {
+    await preloadImages(criticalImages)
+  } else if (currentLangType.value == 'ar') {
+    await preloadImages(criticalImages_ar)
+  }
+}
+
 // 使用工具函数连接APP
 const connectToAppHandler = async () => {
   await connectToApp(() => {
@@ -999,6 +1030,7 @@ const connectToAppHandler = async () => {
 // 组件挂载时检测环境
 onMounted(() => {
   connectToAppHandler()
+  preloadOtherImages() // 预加载其他图片
   isInAppEnvironment.value = isInApp()
 
   getCountdown()