From d1b67da5e5249c4441c67700c18d98c83fd4fdf3 Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Fri, 13 Feb 2026 11:26:46 +0800
Subject: [PATCH] =?UTF-8?q?style(=E6=8E=92=E8=A1=8C=E6=A6=9C=E3=80=81?=
 =?UTF-8?q?=E6=B4=BB=E5=8A=A8):=20=E5=8A=A0=E8=BD=BD=E5=8A=A8=E7=94=BB?=
 =?UTF-8?q?=E8=A1=A5=E5=85=85=E8=83=8C=E6=99=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Activities/LoginReward/index.vue  |  7 ++++++
 src/views/Invitation/InviteToRegister.vue   |  7 ++++++
 src/views/Ranking/Couple/index.vue          |  7 ++++++
 src/views/Ranking/GamesKing/index.vue       | 27 +++++++++++++++++++++
 src/views/Ranking/KingAndQueen/TopList.vue  |  7 ++++++
 src/views/Ranking/Overall/Ranking.vue       |  7 ++++++
 src/views/Ranking/WeeklyStar/WeeklyStar.vue |  7 ++++++
 7 files changed, 69 insertions(+)

diff --git a/src/views/Activities/LoginReward/index.vue b/src/views/Activities/LoginReward/index.vue
index 7c6f6bc..19d39fb 100644
--- a/src/views/Activities/LoginReward/index.vue
+++ b/src/views/Activities/LoginReward/index.vue
@@ -2,6 +2,10 @@
   <div class="fullPage">
     <!-- 预加载状态 -->
     <div v-if="isLoading" class="loading-container">
+      <!-- 页面背景 -->
+      <BackgroundLayer :backgroundImages="[imageUrl('bg1'), imageUrl('bg2'), imageUrl('bg3')]" />
+
+      <!-- 加载动画 -->
       <div class="loading-spinner"></div>
       <p>{{ t('loading') }}...</p>
     </div>
@@ -328,6 +332,9 @@ onUnmounted(() => {})
   justify-content: center;
   align-items: center;
   color: #666;
+
+  overflow: hidden;
+  position: relative;
 }
 
 .loading-spinner {
diff --git a/src/views/Invitation/InviteToRegister.vue b/src/views/Invitation/InviteToRegister.vue
index 332c616..fed48cf 100644
--- a/src/views/Invitation/InviteToRegister.vue
+++ b/src/views/Invitation/InviteToRegister.vue
@@ -3,6 +3,10 @@
   <div class="fullPage">
     <!-- 预加载状态 -->
     <div v-if="isLoading" class="loading-container">
+      <!-- 页面背景 -->
+      <BackgroundLayer :backgroundImages="[imageUrl('bg')]" />
+
+      <!-- 加载动画 -->
       <div class="loading-spinner"></div>
       <p>{{ $t('loading') }}...</p>
     </div>
@@ -838,6 +842,9 @@ onMounted(() => {
   justify-content: center;
   align-items: center;
   color: #666;
+
+  overflow: hidden;
+  position: relative;
 }
 
 .loading-spinner {
diff --git a/src/views/Ranking/Couple/index.vue b/src/views/Ranking/Couple/index.vue
index 916a304..54ad1a5 100644
--- a/src/views/Ranking/Couple/index.vue
+++ b/src/views/Ranking/Couple/index.vue
@@ -2,6 +2,10 @@
   <div class="fullPage">
     <!-- 预加载状态 -->
     <div v-show="isLoading" class="loading-container">
+      <!-- 页面背景 -->
+      <BackgroundLayer :backgroundImages="[imageUrl('bg1'), imageUrl('bg2'), imageUrl('bg3')]" />
+
+      <!-- 加载动画 -->
       <div class="loading-spinner"></div>
       <p>{{ $t('loading') }}...</p>
     </div>
@@ -1913,6 +1917,9 @@ onUnmounted(() => {
   justify-content: center;
   align-items: center;
   color: #666;
+
+  overflow: hidden;
+  position: relative;
 }
 
 .loading-spinner {
diff --git a/src/views/Ranking/GamesKing/index.vue b/src/views/Ranking/GamesKing/index.vue
index b78c5e3..203ff33 100644
--- a/src/views/Ranking/GamesKing/index.vue
+++ b/src/views/Ranking/GamesKing/index.vue
@@ -3,6 +3,28 @@
   <div class="fullPage">
     <!-- 预加载状态 -->
     <div v-if="isLoading" class="loading-container">
+      <!-- 页面背景 -->
+      <BackgroundLayer :backgroundImages="[imageUrl('bg')]" />
+
+      <img
+        v-smart-img
+        :src="imageUrl('bg2')"
+        alt=""
+        style="display: block; width: 100%; position: absolute; inset: 80vw 0 0; z-index: -1"
+      />
+
+      <!-- <div class="bg">
+        <itemCenter :imgUrl="imageUrl('bg')" style="position: absolute; z-index: 0">
+          <img
+            v-smart-img
+            :src="webpUrl('bg')"
+            alt=""
+            style="display: block; width: 100%; object-fit: cover"
+          />
+        </itemCenter>
+      </div> -->
+
+      <!-- 加载动画 -->
       <div class="loading-spinner"></div>
       <p>{{ $t('loading') }}...</p>
     </div>
@@ -742,6 +764,7 @@ import {
   activityResource, // 活动特定资源
 } from '@/api/activity.js'
 
+import BackgroundLayer from '@/components/BackgroundLayer.vue'
 import itemCenter from '@/components/itemCenter.vue'
 import TopUser from './components/topUser.vue'
 import maskLayer from '@/components/MaskLayer.vue'
@@ -1163,6 +1186,10 @@ onUnmounted(() => {
   justify-content: center;
   align-items: center;
   color: #666;
+
+  overflow: hidden;
+  position: relative;
+  z-index: 0;
 }
 
 .loading-spinner {
diff --git a/src/views/Ranking/KingAndQueen/TopList.vue b/src/views/Ranking/KingAndQueen/TopList.vue
index f194606..cf753d0 100644
--- a/src/views/Ranking/KingAndQueen/TopList.vue
+++ b/src/views/Ranking/KingAndQueen/TopList.vue
@@ -3,6 +3,10 @@
   <div class="fullPage">
     <!-- 预加载状态 -->
     <div v-if="isLoading" class="loading-container">
+      <!-- 页面背景 -->
+      <BackgroundLayer :backgroundImages="[imageUrl('bg')]" />
+
+      <!-- 加载动画 -->
       <div class="loading-spinner"></div>
       <p style="color: #fff">{{ $t('loading') }}...</p>
     </div>
@@ -1215,6 +1219,9 @@ onUnmounted(() => {
   justify-content: center;
   align-items: center;
   color: #666;
+
+  overflow: hidden;
+  position: relative;
 }
 
 .loading-spinner {
diff --git a/src/views/Ranking/Overall/Ranking.vue b/src/views/Ranking/Overall/Ranking.vue
index 1c50c6e..913c834 100644
--- a/src/views/Ranking/Overall/Ranking.vue
+++ b/src/views/Ranking/Overall/Ranking.vue
@@ -3,6 +3,10 @@
   <div class="fullPage" :style="{ backgroundColor }">
     <!-- 预加载状态 -->
     <div v-show="isLoading" class="loading-container">
+      <!-- 背景图 -->
+      <BackgroundLayer :backgroundImages="[currentBgImage]" />
+
+      <!-- 加载动画 -->
       <div class="loading-spinner"></div>
       <p>{{ $t('loading') }}...</p>
     </div>
@@ -749,6 +753,9 @@ onMounted(() => {
   justify-content: center;
   align-items: center;
   color: #666;
+
+  overflow: hidden;
+  position: relative;
 }
 
 .loading-spinner {
diff --git a/src/views/Ranking/WeeklyStar/WeeklyStar.vue b/src/views/Ranking/WeeklyStar/WeeklyStar.vue
index 2a9dbe6..de1ea08 100644
--- a/src/views/Ranking/WeeklyStar/WeeklyStar.vue
+++ b/src/views/Ranking/WeeklyStar/WeeklyStar.vue
@@ -3,6 +3,10 @@
   <div class="fullPage">
     <!-- 预加载状态 -->
     <div v-if="isLoading" class="loading-container">
+      <!-- 页面背景 -->
+      <BackgroundLayer :backgroundImages="[imageUrl('bg')]" />
+
+      <!-- 加载动画 -->
       <div class="loading-spinner"></div>
       <p>{{ $t('loading') }}...</p>
     </div>
@@ -1335,6 +1339,9 @@ onUnmounted(() => {
   justify-content: center;
   align-items: center;
   color: #666;
+
+  overflow: hidden;
+  position: relative;
 }
 
 .loading-spinner {