From 860ff82ccdb533d5c8f71784f043426016d43227 Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Mon, 5 Jan 2026 17:48:02 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E9=82=80=E8=AF=B7=E6=96=B0=E7=94=A8?=
 =?UTF-8?q?=E6=88=B7=E9=A1=B5=E9=9D=A2):=20=E4=BD=BF=E7=94=A8=E8=83=8C?=
 =?UTF-8?q?=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/Invitation/InviteToRegister.vue | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/views/Invitation/InviteToRegister.vue b/src/views/Invitation/InviteToRegister.vue
index 128fc2e..332c616 100644
--- a/src/views/Invitation/InviteToRegister.vue
+++ b/src/views/Invitation/InviteToRegister.vue
@@ -1,6 +1,6 @@
 <!-- src/views/Invitation/InviteToRegister.vue -->
 <template>
-  <div class="fullPage" :style="{ '--bg-url': `url(${imageUrl('bg')})` }">
+  <div class="fullPage">
     <!-- 预加载状态 -->
     <div v-if="isLoading" class="loading-container">
       <div class="loading-spinner"></div>
@@ -8,7 +8,10 @@
     </div>
 
     <!-- 主要内容 -->
-    <div v-else>
+    <div v-else style="width: 100vw; min-height: 100vh; overflow: hidden; position: relative">
+      <!-- 页面背景 -->
+      <BackgroundLayer :backgroundImages="[imageUrl('bg')]" />
+
       <div style="position: absolute; top: 0; left: 0; width: 100%">
         <GeneralHeader
           :isHomePage="true"
@@ -531,6 +534,7 @@ import {
   getMyInviter, // 获取我的邀请人信息
 } from '@/api/invitation.js'
 
+import BackgroundLayer from '@/components/BackgroundLayer.vue'
 import GeneralHeader from '@/components/GeneralHeader.vue'
 import itemCenter from '@/components/itemCenter.vue'
 import maskLayer from '@/components/MaskLayer.vue'
@@ -709,7 +713,7 @@ const getBindingUserRewards = async () => {
 // 预加载关键图片
 const preloadCriticalImages = async () => {
   const criticalImages = [
-    // imageUrl('bg'),
+    imageUrl('bg'),
     imageUrl('enterCode'),
     imageUrl('enterCodeBg'),
     imageUrl('example'),
@@ -725,7 +729,7 @@ const preloadCriticalImages = async () => {
   ]
 
   const criticalImages_ar = [
-    // imageUrl('bg'),
+    imageUrl('bg'),
     imageUrl('enterCode_ar'),
     imageUrl('enterCodeBg_ar'),
     imageUrl('example_ar'),
@@ -793,9 +797,6 @@ onMounted(() => {
   width: 100vw;
   min-height: 100vh;
   background-color: #220c34;
-  background-image: var(--bg-url);
-  background-size: 100% auto;
-  background-repeat: no-repeat;
   position: relative;
 }