hookehuyr

style(recall/login): 移除背景图片并调整登录页面样式

- 删除静态背景图片,改用StarryBackground组件设置背景
- 调整标题部分的上边距
- 为输入框添加边框样式提升可视性
<template>
<div class="recall-login w-full min-h-screen relative overflow-hidden flex flex-col items-center">
<!-- Background Image -->
<img src="@/assets/images/recall/bg01@2x.png" class="absolute inset-0 w-full h-full object-cover -z-10"
alt="background" />
<!-- Starry Background Effect -->
<StarryBackground bg-color="transparent" />
<StarryBackground bg-image="https://cdn.ipadbiz.cn/mlaj/images/test-bgg03.jpg" />
<!-- Title Section -->
<div class="mt-20 flex flex-col items-center z-10 w-full px-8">
<div class="mt-10 flex flex-col items-center z-10 w-full px-8">
<img src="@/assets/images/recall/title01@2x.png" class="w-full max-w-[300px] mb-8 object-contain" alt="title" />
<div class="text-white text-center space-y-3 tracking-wider text-shadow-md">
......@@ -26,13 +22,13 @@
<div class="space-y-5">
<!-- Phone Input -->
<van-field v-model="phone" placeholder="请输入手机号" class="custom-input rounded-lg !bg-white/10 !text-white"
<van-field v-model="phone" placeholder="请输入手机号" class="custom-input rounded-lg !bg-white/10 !text-white !border-[1px] !border-solid !border-[rgba(255,255,255,0.57)]"
:border="false" type="tel" maxlength="11" />
<!-- Verification Code Input -->
<div class="flex gap-3">
<van-field v-model="code" placeholder="请输入验证码"
class="custom-input rounded-lg !bg-white/10 !text-white flex-1" :border="false" type="digit"
class="custom-input rounded-lg !bg-white/10 !text-white flex-1 !border-[1px] !border-solid !border-[rgba(255,255,255,0.57)]" :border="false" type="digit"
maxlength="6" />
<van-button plain
class="verify-btn !bg-transparent !text-white !border-[#FFDD01] !rounded-lg !px-4 !h-[44px] !font-normal"
......