feat: 忘记密码页面

src/views/login/LoginPage.vue

@@ -1,13 +1,10 @@
 <template>
   <div class="login-page">
-    <!-- 主要内容区域 -->
     <div class="content">
-      <!-- 返回按钮 -->
       <div class="back-button" @click="goBack">
         <img src="@/assets/images/arrow_left.png" class="back-icon" />
       </div>
 
-      <!-- 标题区域 -->
       <div class="header">
         <div class="title">Log in.</div>
         <p class="subtitle">Redefine the styling experience with AI.</p>
@@ -15,14 +12,9 @@
       </div>
 
       <div class="login-container">
-        <form @submit.prevent="handleLogin" class="login-form" novalidate>
+        <div class="login-form">
           <div class="input-group">
-            <input
-              type="email"
-              v-model="formData.email"
-              placeholder="Email"
-              class="input-field"
-            />
+            <input type="email" v-model="formData.email" placeholder="Email" class="input-field" />
           </div>
           <div class="input-group pwd">
             <input
@@ -33,17 +25,15 @@
             />
           </div>
 
-          <!-- 登录按钮 -->
-          <button type="submit" class="login-button">Log in</button>
+          <div class="login-button" @click="handleLogin">Log in</div>
           <div class="forgot-password" @click="handleForgotPassword">Forgot password?</div>
 
-          <!-- Google登录按钮 -->
           <div type="button" class="google-button" @click="handleGoogleLogin">
             <img :src="google" class="google-icon" />
             Sign in with Google
           </div>
           <div class="sign-up-button" @click="handleSignup">Don’t have an account? Sign Up</div>
-        </form>
+        </div>
       </div>
     </div>
 
@@ -139,10 +129,8 @@ const handleLogin = async () => {
 
 // 处理忘记密码
 const handleForgotPassword = () => {
-  showToast('忘记密码功能开发中...')
-  console.log('11111111111')
   // 这里可以跳转到忘记密码页面
-  // router.push('/forgot-password')
+  router.push('/reset')
 }
 
 // 处理Google登录
@@ -291,6 +279,8 @@ const handleSignup = () => {
     border-radius: 7rem;
     font-size: 4rem;
     margin-bottom: 1.67rem;
+    text-align: center;
+    line-height: 10rem;
   }
   .forgot-password {
     font-family: 'satoshiRegular';