refactor(views): 移除背景图片属性并调整页面间距
移除IDQueryPage和CompleteInfoPage中的bgImg属性,统一使用StarryBackground默认背景 调整两个页面的内容区域外边距,使用m-*类替代mt-*
Showing
2 changed files
with
11 additions
and
6 deletions
| 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 | ... | ... |
-
Please register or login to post a comment