From 4557b754a3617738cb1f4fd3a0f9b02be636175b Mon Sep 17 00:00:00 2001
From: abab2320 <1589841436@qq.com>
Date: Tue, 27 May 2025 18:46:41 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9LoginPage=E6=98=BE=E7=A4=BAbu?=
 =?UTF-8?q?g?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Front/vue-unilife/src/views/LogPage.vue | 32 +++++++++++++++----------
 1 file changed, 19 insertions(+), 13 deletions(-)

diff --git a/Front/vue-unilife/src/views/LogPage.vue b/Front/vue-unilife/src/views/LogPage.vue
index 06e5c5c..1b8cce1 100644
--- a/Front/vue-unilife/src/views/LogPage.vue
+++ b/Front/vue-unilife/src/views/LogPage.vue
@@ -257,6 +257,7 @@ async function login(){
                 <input type="text" placeholder="验证码" v-model="register_vericode">
                 <button @click = "onRegisterSubmit(),checkErrors()">注册</button>   
             </div>
+
             <!-- 登录表单 -->
             <div class = "login-box" :class ="{hidden: switchLogin}">
                 <!--密码登录-->
@@ -269,11 +270,14 @@ async function login(){
                 <!--邮箱登录-->
                 <div class = "email-method" :class ="{hidden: !switchLoginMethod}">
                     <h1>login</h1>
-                        <input class ="email-text" type="text" placeholder="邮箱" v-model="login_vericode_email">
-                        <button class="email-btn" @click="emailcode">获取验证码</button>
-                        <input type="text" placeholder="验证码" v-model="login_vericode">
-                        <button class = "switch-btn" @click="switchLoginMethodEvent">密码登录</button>
+                    <div class = "email-vericode">
+                    <input class ="email-text" type="text" placeholder="邮箱" v-model="login_vericode_email">
+                    <button class="email-btn" @click="emailcode">获取验证码</button>
+                    </div>
+                    <input type="text" placeholder="验证码" v-model="login_vericode">
+                    <button class = "switch-btn" @click="switchLoginMethodEvent">密码登录</button>
                 </div>
+
                 <button @click="onLoginSubmit(),checkErrors()">登录</button>
             </div>      
         </div>
@@ -361,24 +365,20 @@ async function login(){
     }
 
     .email-btn{
-        width:20% !important;
-        margin-top:20px !important;
-        position:relative !important;
-        top:8% !important;
-        left:2% !important;
+        margin-left:auto;
+        width:80px !important;
     }
 
     .email-text{
-        width: 50% !important;
+        
     }
 
     .hidden{
-        display: none;
+        display: none !important;
         transition:0.5s;
     }
 
     h1{
-        text-align: center;
         margin-bottom:25px;
         /* 大写 */
         text-transform:uppercase;
@@ -528,7 +528,13 @@ async function login(){
         outline:none;
     }
 
-    
+    .password-method,.email-method
+    {
+        display:flex;
+        flex-direction: column;
+        align-items: center;
+        width:100%;
+    }
 
    
 </style>
\ No newline at end of file