修改LoginPage显示bug

main
abab2320 2 months ago
parent f5a49c0804
commit 4557b754a3

@ -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>
Loading…
Cancel
Save