样式调整

src/views/auth/Login.vue

 <template>
-  <div class="light-login-bgActive">
-    <a-spin :loading="loading" style="height: 100%;width: 100%;">
+  <div class="light-login-bgActive h-[100vh] overflow-hidden">
+    <a-spin :loading="loading" class="h-full w-full overflow-hidden">
       <div ref="loginPage"
-      class="light-login-bg pl-[85px] pr-[98px] pt-[33px] h-full !overflow-y-auto light-login-bg">
+      class="light-login-bg pl-[85px] pr-[98px] pt-[33px] h-full overflow-y-auto">
           <loginHeader />
         <div class="w-full flex flex-col loginForm pt-[97px]">
           <div class="flex justify-center">
@@ -105,7 +105,7 @@
             </div>
           </div>
       
-          <div class="flex justify-center text-white pb-[117px] text-[16px]">
+          <div class="flex justify-center text-white text-[16px]">
             <div class="px-[17px] py-[30px] cursor-pointer" @click="handleClick('/forgePassword')">{{ t('login.forgotPassword') }}</div>
             <div class="px-[17px] py-[30px] cursor-pointer" @click="handleClick('/register')">{{ t('login.registerNow') }}</div>
           </div>
@@ -514,8 +514,8 @@ onMounted(async () => {
   background-size: 100% 100%;
 }
 .light-login-bgActive {
-  background: url('../../assets/images/login/login-bgregister.png')no-repeat;
-  background-size: 100% 100%;
+  /*background: url('../../assets/images/login/login-bgregister.png')no-repeat;
+  background-size: 100% 100%;*/
 }
 .loginForm-bg{
   background: url('../../assets/images/login/login_formbg.png')no-repeat white;

src/views/auth/forgePassword.vue

 <template>
   <div class="h-screen overflow-hidden">
-    <a-spin :loading="loading" style="height: 100%;width: 100%;">
+    <a-spin :loading="loading" class="h-full w-full overflow-hidden">
       <div ref="loginPage"
       class="light-login-bg pl-[85px] pr-[98px] pt-[33px] h-full !overflow-y-auto light-login-bgActive">
         <loginHeader />

src/views/auth/register.vue

 <template>
-  <div class="h-screen overflow-hidden">
-    <a-spin :loading="loading" style="height: 100%;width: 100%;">
+  <div class="h-screen h-[100vh] overflow-hidden">
+    <a-spin :loading="loading" class="h-full w-full overflow-hidden">
       <div ref="loginPage"
       class="light-login-bg pl-[85px] pr-[98px] pt-[33px] h-full !overflow-y-auto"
       :class="[currentStep<3?'light-login-bg':'light-login-bgActive']">
@@ -216,8 +216,8 @@
                 </div>
               </div>
             </div>
-            <div class="flex justify-center text-white pb-[117px] text-[16px]">
-              <div class="px-[17px] py-[40px] cursor-pointer" @click="goHome('/')">{{ t('login.backToHome') }}</div>
+            <div class="flex justify-center text-white text-[16px]">
+              <div class="px-[17px] pt-[40px] pb-[20px] cursor-pointer" @click="goHome('/')">{{ t('login.backToHome') }}</div>
             </div>
           </div>
           <registerSuccess v-if="currentStep==3" />