From 34e2f13bc7b51b0aa2a3311db85d6599ba1c6669 Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Fri, 15 May 2026 12:07:05 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=A1=B5=E9=9D=A2=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=EF=BC=8C=E4=BF=AE=E5=A4=8D=E4=BD=8E=E7=AB=AF=E6=9C=BA=E6=96=87?=
 =?UTF-8?q?=E6=9C=AC=E4=B8=8D=E6=BB=9A=E5=8A=A8=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env                                               |  4 ++--
 docs/活动页/竞品H5与性能优化分析.md                |  6 ++++--
 src/styles/global.css                              |  4 +---
 src/views/Activities/DailyRecharge/index.vue       |  4 ----
 src/views/Activities/LesserBairam/index.vue        |  3 ---
 src/views/Activities/LoginReward/index.vue         |  6 ------
 .../Activities/LuckyDollars/Season3/index.vue      |  3 ---
 src/views/Activities/SpringFestival/index.vue      | 14 --------------
 src/views/Ranking/Couple/index.vue                 |  6 ------
 src/views/Ranking/GamesKing/index.vue              |  3 ---
 src/views/Ranking/KingAndQueen/TopList.vue         |  3 ---
 src/views/Ranking/Overall/Ranking.vue              |  1 -
 src/views/Ranking/WeeklyStar/WeeklyStar.vue        |  3 ---
 13 files changed, 7 insertions(+), 53 deletions(-)

diff --git a/.env b/.env
index 5cb9842..b9c05f1 100644
--- a/.env
+++ b/.env
@@ -1,11 +1,11 @@
 # 应用版本号
-VITE_APP_VERSION=7.0.1
+VITE_APP_VERSION=7.0.2
 
 # 版本类型
 # major:重大更新(清除除了白名单外的所有缓存：用户缓存、图片缓存和assets缓存)
 # minor:一般更新
 # patch:日常小更新
-VITE_VERSION_TYPE=major
+VITE_VERSION_TYPE=patch
 
 # 是否启用版本检查
 VITE_ENABLE_VERSION_CHECK=true
diff --git a/docs/活动页/竞品H5与性能优化分析.md b/docs/活动页/竞品H5与性能优化分析.md
index 3626a33..3392f18 100644
--- a/docs/活动页/竞品H5与性能优化分析.md
+++ b/docs/活动页/竞品H5与性能优化分析.md
@@ -249,7 +249,7 @@ el.decoding = 'async'
 
 这样可以减少图片加载时的主线程和合成压力。
 
-### 9. 全局低端机移除高成本模糊和跑马灯动画
+### 9. 全局低端机移除高成本模糊，滚动动画保持可用
 
 修改文件：
 
@@ -262,7 +262,9 @@ backdrop-filter
 -webkit-backdrop-filter
 ```
 
-并暂停 `.scroll-wrapper` 这类持续跑马灯动画。系统开启减少动画时，也会暂停弹幕和滚动动画。
+低端机模式不再暂停 `.scroll-wrapper` 这类跑马灯动画，避免排行榜、奖励列表、用户昵称等文本滚动完全不动。只有用户系统主动开启“减少动态效果”时，才暂停弹幕和滚动动画。
+
+同时，多个活动页和榜单页的 `isLoading` 预加载阶段已取消渲染 `BackgroundLayer`，只保留 `LoadingSpinner` 和 loading 文案，避免加载态和正式页面重复创建背景图层。
 
 ### 10. 弹幕组件专项优化
 
diff --git a/src/styles/global.css b/src/styles/global.css
index f22fb68..d56015a 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -28,9 +28,7 @@ html.low-performance-mode *::after {
   -webkit-backdrop-filter: none !important;
 }
 
-/* 低端机和系统减少动画模式下，暂停非交互类装饰动画。 */
-html.low-performance-mode .scroll-wrapper,
-html.low-performance-mode [class*='scroll-wrapper'],
+/* 用户系统主动要求减少动态效果时，暂停非交互类装饰动画。 */
 html.reduce-motion-mode .barrage-item,
 html.reduce-motion-mode .scroll-wrapper,
 html.reduce-motion-mode [class*='scroll-wrapper'] {
diff --git a/src/views/Activities/DailyRecharge/index.vue b/src/views/Activities/DailyRecharge/index.vue
index d0f8bbc..c15d232 100644
--- a/src/views/Activities/DailyRecharge/index.vue
+++ b/src/views/Activities/DailyRecharge/index.vue
@@ -2,10 +2,6 @@
   <div class="fullPage">
     <!-- 预加载状态 -->
     <div v-if="isLoading" class="loading-container">
-      <!-- 页面背景 -->
-      <BackgroundLayer :useCanvas="true" :backgroundImages="[imageUrl('bg')]" />
-      <!-- 页面背景 -->
-
       <!-- 加载动画 -->
       <LoadingSpinner />
       <p>{{ t('loading') }}...</p>
diff --git a/src/views/Activities/LesserBairam/index.vue b/src/views/Activities/LesserBairam/index.vue
index 5acd372..fe00c63 100644
--- a/src/views/Activities/LesserBairam/index.vue
+++ b/src/views/Activities/LesserBairam/index.vue
@@ -3,9 +3,6 @@
   <div class="fullPage">
     <!-- 预加载状态 -->
     <div v-if="isLoading" class="loading-container">
-      <!-- 页面背景 -->
-      <BackgroundLayer :useCanvas="true" :backgroundImages="[imageUrl('bg1'), imageUrl('bg2')]" />
-
       <LoadingSpinner />
       <p>{{ $t('loading') }}...</p>
     </div>
diff --git a/src/views/Activities/LoginReward/index.vue b/src/views/Activities/LoginReward/index.vue
index e0d712a..12aae3a 100644
--- a/src/views/Activities/LoginReward/index.vue
+++ b/src/views/Activities/LoginReward/index.vue
@@ -2,12 +2,6 @@
   <div class="fullPage">
     <!-- 预加载状态 -->
     <div v-if="isLoading" class="loading-container">
-      <!-- 页面背景 -->
-      <BackgroundLayer
-        :useCanvas="true"
-        :backgroundImages="[imageUrl('bg1'), imageUrl('bg2'), imageUrl('bg3')]"
-      />
-
       <!-- 加载动画 -->
       <LoadingSpinner />
       <p>{{ t('loading') }}...</p>
diff --git a/src/views/Activities/LuckyDollars/Season3/index.vue b/src/views/Activities/LuckyDollars/Season3/index.vue
index adffe39..34369b4 100644
--- a/src/views/Activities/LuckyDollars/Season3/index.vue
+++ b/src/views/Activities/LuckyDollars/Season3/index.vue
@@ -3,9 +3,6 @@
   <div class="fullPage">
     <!-- 预加载状态 -->
     <div v-if="isLoading" class="loading-container">
-      <!-- 页面背景 -->
-      <BackgroundLayer :useCanvas="true" :backgroundImages="[imageUrl('bg1'), imageUrl('bg2')]" />
-
       <LoadingSpinner />
       <p>{{ $t('loading') }}...</p>
     </div>
diff --git a/src/views/Activities/SpringFestival/index.vue b/src/views/Activities/SpringFestival/index.vue
index 11a556f..9445222 100644
--- a/src/views/Activities/SpringFestival/index.vue
+++ b/src/views/Activities/SpringFestival/index.vue
@@ -2,20 +2,6 @@
   <div class="fullPage">
     <!-- 预加载状态 -->
     <div v-if="isLoading" class="loading-container">
-      <!-- 页面背景 -->
-      <BackgroundLayer
-        :useCanvas="true"
-        v-show="!RankingShow"
-        :backgroundImages="[
-          imageUrl('bg1'),
-          imageUrl('bg2'),
-          imageUrl('bg3'),
-          imageUrl('bg4'),
-          imageUrl('bg5'),
-          imageUrl('bg6'),
-        ]"
-      />
-
       <!-- 加载动画 -->
       <LoadingSpinner />
       <p>{{ $t('loading') }}...</p>
diff --git a/src/views/Ranking/Couple/index.vue b/src/views/Ranking/Couple/index.vue
index 6e1becf..f122243 100644
--- a/src/views/Ranking/Couple/index.vue
+++ b/src/views/Ranking/Couple/index.vue
@@ -2,12 +2,6 @@
   <div class="fullPage">
     <!-- 预加载状态 -->
     <div v-if="isLoading" class="loading-container">
-      <!-- 页面背景 -->
-      <BackgroundLayer
-        :useCanvas="true"
-        :backgroundImages="[imageUrl('TaurusBg1'), imageUrl('TaurusBg2'), imageUrl('TaurusBg3')]"
-      />
-
       <!-- 加载动画 -->
       <LoadingSpinner />
       <p>{{ $t('loading') }}...</p>
diff --git a/src/views/Ranking/GamesKing/index.vue b/src/views/Ranking/GamesKing/index.vue
index 9b40232..21bc450 100644
--- a/src/views/Ranking/GamesKing/index.vue
+++ b/src/views/Ranking/GamesKing/index.vue
@@ -3,9 +3,6 @@
   <div class="fullPage">
     <!-- 预加载状态 -->
     <div v-if="isLoading" class="loading-container">
-      <!-- 页面背景 -->
-      <BackgroundLayer :useCanvas="true" :backgroundImages="[imageUrl('bg')]" />
-
       <img
         v-smart-img
         :src="imageUrl('bg2')"
diff --git a/src/views/Ranking/KingAndQueen/TopList.vue b/src/views/Ranking/KingAndQueen/TopList.vue
index 8712eb0..8ae3c2d 100644
--- a/src/views/Ranking/KingAndQueen/TopList.vue
+++ b/src/views/Ranking/KingAndQueen/TopList.vue
@@ -3,9 +3,6 @@
   <div class="fullPage">
     <!-- 预加载状态 -->
     <div v-if="isLoading" class="loading-container">
-      <!-- 页面背景 -->
-      <BackgroundLayer :useCanvas="true" :backgroundImages="[imageUrl('bg')]" />
-
       <!-- 加载动画 -->
       <LoadingSpinner />
       <p style="color: #fff">{{ $t('loading') }}...</p>
diff --git a/src/views/Ranking/Overall/Ranking.vue b/src/views/Ranking/Overall/Ranking.vue
index afd64a8..df87772 100644
--- a/src/views/Ranking/Overall/Ranking.vue
+++ b/src/views/Ranking/Overall/Ranking.vue
@@ -5,7 +5,6 @@
     :style="{ backgroundColor: currentRankingConfig.backgroundColor }"
   >
     <div v-if="isLoading" class="loading-container">
-      <BackgroundLayer :useCanvas="true" :backgroundImages="[currentBgImage]" />
       <LoadingSpinner />
       <p>{{ t('loading') }}...</p>
     </div>
diff --git a/src/views/Ranking/WeeklyStar/WeeklyStar.vue b/src/views/Ranking/WeeklyStar/WeeklyStar.vue
index 49c810c..7ff396b 100644
--- a/src/views/Ranking/WeeklyStar/WeeklyStar.vue
+++ b/src/views/Ranking/WeeklyStar/WeeklyStar.vue
@@ -3,9 +3,6 @@
   <div class="fullPage">
     <!-- 预加载状态 -->
     <div v-if="isLoading" class="loading-container">
-      <!-- 页面背景 -->
-      <BackgroundLayer :useCanvas="true" :backgroundImages="[imageUrl('bg')]" />
-
       <!-- 加载动画 -->
       <LoadingSpinner />
       <p>{{ $t('loading') }}...</p>