修改LoginPage显示bug

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">
+                    <div class = "email-vericode">
-                        <button class="email-btn" @click="emailcode">获取验证码</button>
+                    <input class ="email-text" type="text" placeholder="邮箱" v-model="login_vericode_email">
-                        <input type="text" placeholder="验证码" v-model="login_vericode">
+                    <button class="email-btn" @click="emailcode">获取验证码</button>
-                        <button class = "switch-btn" @click="switchLoginMethodEvent">密码登录</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-left:auto;
-        margin-top:20px !important;
+        width:80px !important;
-        position:relative !important;
-        top:8% !important;
-        left:2% !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>