hookehuyr

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

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