feat: 优化登录窗口
This commit is contained in:
parent
c6cc0d22e5
commit
63e16e1694
@ -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;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user