feat: 优化登录窗口

This commit is contained in:
sudoooooo 2024-09-03 17:55:59 +08:00
parent c6cc0d22e5
commit 63e16e1694

View File

@ -38,8 +38,8 @@
<el-form-item label="验证码" prop="captcha"> <el-form-item label="验证码" prop="captcha">
<div class="captcha-wrapper"> <div class="captcha-wrapper">
<el-input style="width: 200px" v-model="formData.captcha" size="large"></el-input> <el-input style="width: 280px" v-model="formData.captcha" size="large"></el-input>
<div class="captcha-img" @click="refreshCaptcha" v-html="captchaImgData"></div> <div class="captcha-img" click="refreshCaptcha" v-html="captchaImgData"></div>
</div> </div>
</el-form-item> </el-form-item>
@ -278,13 +278,14 @@ const refreshCaptcha = async () => {
background: #fff; background: #fff;
box-shadow: 4px 0 20px 0 rgba(82, 82, 102, 0.15); box-shadow: 4px 0 20px 0 rgba(82, 82, 102, 0.15);
margin-top: -150px; margin-top: -150px;
width: 580px;
.button-group { .button-group {
margin-top: 40px; margin-top: 40px;
} }
.button { .button {
width: 160px; width: 200px;
height: 40px; height: 40px;
font-size: 14px; font-size: 14px;
} }