From 0150dae60c5d0a3fc5f0069034686af00dd3bd9d Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Mon, 5 Jan 2026 17:46:02 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E6=96=B0=E5=B9=B4=E6=B4=BB=E5=8A=A8):=20?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E8=83=8C=E6=99=AF=E5=9B=BE=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Activities/NewYear/index.vue | 30 ++++----------------------
 1 file changed, 4 insertions(+), 26 deletions(-)

diff --git a/src/views/Activities/NewYear/index.vue b/src/views/Activities/NewYear/index.vue
index 8194a08..4aab818 100644
--- a/src/views/Activities/NewYear/index.vue
+++ b/src/views/Activities/NewYear/index.vue
@@ -12,15 +12,9 @@
       style="width: 100vw; min-height: 100vh; overflow: hidden; position: relative"
     >
       <!-- 页面背景 -->
-      <div class="bg-layer">
-        <img
-          v-smart-img
-          v-for="(value, index) in 4"
-          :src="imageUrl(`bg${index}`)"
-          alt=""
-          class="bg-image"
-        />
-      </div>
+      <BackgroundLayer
+        :backgroundImages="[imageUrl('bg0'), imageUrl('bg1'), imageUrl('bg2'), imageUrl('bg3')]"
+      />
 
       <!-- 页面内容 -->
       <div class="content-layer" style="position: relative; z-index: 2">
@@ -1637,6 +1631,7 @@ import {
   exchangeCoin, //兑换代币
 } from '@/api/lottery'
 
+import BackgroundLayer from '@/components/BackgroundLayer.vue'
 import TopUser from './components/topUser.vue'
 import Barrage from './components/Barrage.vue'
 import itemCenter from '@/components/itemCenter.vue'
@@ -2761,23 +2756,6 @@ onUnmounted(() => {
   }
 }
 
-.bg-layer {
-  width: 100vw;
-  min-height: 100vh;
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 0; /* 确保背景图在内容下方 */
-  pointer-events: none; /* 防止背景图拦截点击事件 */
-}
-
-.bg-image {
-  width: 100vw;
-  object-fit: cover; /* 保持宽高比的同时覆盖容器 */
-  object-position: center top; /* 从顶部开始对齐 */
-  display: block;
-}
-
 .scrollbar::-webkit-scrollbar {
   display: none;
 }