feat(邀请新用户页面): 使用背景图组件

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;
 }