hy/aslan-h5
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
hzj 2026-01-05 17:48:02 +08:00
parent 0150dae60c
commit 860ff82ccd
1 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/views/Invitation/InviteToRegister.vue
View File

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