hookehuyr

refactor(views): 移除背景图片属性并调整页面间距

移除IDQueryPage和CompleteInfoPage中的bgImg属性,统一使用StarryBackground默认背景
调整两个页面的内容区域外边距,使用m-*类替代mt-*
1 +<!--
2 + * @Date: 2025-12-23 13:44:58
3 + * @LastEditors: hookehuyr hookehuyr@gmail.com
4 + * @LastEditTime: 2025-12-25 11:22:16
5 + * @FilePath: /mlaj/src/views/recall/CompleteInfoPage.vue
6 + * @Description: 文件描述
7 +-->
1 <template> 8 <template>
2 <div class="complete-info-page w-full min-h-screen relative overflow-hidden flex flex-col items-center"> 9 <div class="complete-info-page w-full min-h-screen relative overflow-hidden flex flex-col items-center">
3 <!-- Starry Background Effect --> 10 <!-- Starry Background Effect -->
4 - <StarryBackground :bg-image="bgImg" /> 11 + <StarryBackground />
5 12
6 <!-- Header Section --> 13 <!-- Header Section -->
7 <div class="mt-16 flex flex-col items-center z-10 w-full px-8 text-center"> 14 <div class="mt-16 flex flex-col items-center z-10 w-full px-8 text-center">
...@@ -10,7 +17,7 @@ ...@@ -10,7 +17,7 @@
10 </div> 17 </div>
11 18
12 <!-- Form Card --> 19 <!-- Form Card -->
13 - <div class="w-full px-6 mt-10 z-10"> 20 + <div class="w-full px-6 m-10 z-10">
14 <FrostedGlass class="p-6 !rounded-2xl !border-white/20 !shadow-none" :bg-opacity="10" blur-level="md"> 21 <FrostedGlass class="p-6 !rounded-2xl !border-white/20 !shadow-none" :bg-opacity="10" blur-level="md">
15 <div class="space-y-6"> 22 <div class="space-y-6">
16 <!-- Name Input --> 23 <!-- Name Input -->
...@@ -78,7 +85,6 @@ import { showToast } from 'vant' ...@@ -78,7 +85,6 @@ import { showToast } from 'vant'
78 import { updateUserInfoAPI } from '@/api/users' 85 import { updateUserInfoAPI } from '@/api/users'
79 import { searchOldActivityAPI } from '@/api/recall_users' 86 import { searchOldActivityAPI } from '@/api/recall_users'
80 87
81 -const bgImg = 'https://cdn.ipadbiz.cn/mlaj/recall/img/bg01@2x.png'
82 const starImg = 'https://cdn.ipadbiz.cn/mlaj/recall/img/xing@2x.png' 88 const starImg = 'https://cdn.ipadbiz.cn/mlaj/recall/img/xing@2x.png'
83 89
84 // Route 90 // Route
......
1 <template> 1 <template>
2 <div class="id-query-page w-full min-h-screen relative overflow-hidden flex flex-col items-center"> 2 <div class="id-query-page w-full min-h-screen relative overflow-hidden flex flex-col items-center">
3 <!-- Starry Background --> 3 <!-- Starry Background -->
4 - <StarryBackground :bg-image="bgImg" /> 4 + <StarryBackground />
5 5
6 <!-- <div class="mt-5 flex flex-col items-center z-10 w-full px-8 text-center"> 6 <!-- <div class="mt-5 flex flex-col items-center z-10 w-full px-8 text-center">
7 <h1 class="text-white text-3xl font-bold tracking-wider mb-3 drop-shadow-lg">查询信息</h1> 7 <h1 class="text-white text-3xl font-bold tracking-wider mb-3 drop-shadow-lg">查询信息</h1>
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
9 </div> --> 9 </div> -->
10 10
11 <!-- Main Content Card --> 11 <!-- Main Content Card -->
12 - <div class="w-full px-6 mt-5 z-10"> 12 + <div class="w-full px-6 m-5 z-10">
13 <FrostedGlass class="p-6 !rounded-2xl !border-white/20 !shadow-none" :bg-opacity="10" blur-level="md"> 13 <FrostedGlass class="p-6 !rounded-2xl !border-white/20 !shadow-none" :bg-opacity="10" blur-level="md">
14 <!-- Illustration --> 14 <!-- Illustration -->
15 <!-- <div class="flex justify-center mb-2"> 15 <!-- <div class="flex justify-center mb-2">
...@@ -105,7 +105,6 @@ import { showToast } from 'vant' ...@@ -105,7 +105,6 @@ import { showToast } from 'vant'
105 import { searchOldActivityAPI } from '@/api/recall_users' 105 import { searchOldActivityAPI } from '@/api/recall_users'
106 106
107 // Assets 107 // Assets
108 -const bgImg = 'https://cdn.ipadbiz.cn/mlaj/recall/img/bg01@2x.png'
109 const starImg = 'https://cdn.ipadbiz.cn/mlaj/recall/img/xing@2x.png' 108 const starImg = 'https://cdn.ipadbiz.cn/mlaj/recall/img/xing@2x.png'
110 const emptyStateImg = 'https://cdn.ipadbiz.cn/mlaj/recall/img/no@2x.png' 109 const emptyStateImg = 'https://cdn.ipadbiz.cn/mlaj/recall/img/no@2x.png'
111 110
......