From 63e60190437ffac6ed6f4b6abd2c8baf5004a3cb Mon Sep 17 00:00:00 2001
From: yangfeng <wanwan926_4@163.com>
Date: 星期一, 04 三月 2024 10:06:29 +0800
Subject: [PATCH] 登录页验证码位置修改
---
src/views/login/loginView.vue | 16 +++++++++++++---
1 files changed, 13 insertions(+), 3 deletions(-)
diff --git a/src/views/login/loginView.vue b/src/views/login/loginView.vue
index d1a3c06..3059412 100644
--- a/src/views/login/loginView.vue
+++ b/src/views/login/loginView.vue
@@ -20,8 +20,12 @@
/>
</el-form-item>
<el-form-item label="" prop="code">
- <el-input v-model="ruleForm.code" placeholder="楠岃瘉鐮�" autocomplete="off" style="width: 70%"> </el-input>
- <img class="login-code" :src="captcha" @click="getCaptchaData" />
+ <el-input v-model="ruleForm.code" placeholder="楠岃瘉鐮�" autocomplete="off" style="width: 70%">
+ <template #append>
+ <img class="login-code" :src="captcha" @click="getCaptchaData" />
+ </template>
+ </el-input>
+ <!-- <img class="login-code" :src="captcha" @click="getCaptchaData" /> -->
</el-form-item>
<el-form-item>
<el-button type="primary" @click="submitForm(ruleFormRef)">鐧诲綍</el-button>
@@ -181,7 +185,13 @@
}
}
}
-
+.login-code {
+ height: 40px - 2px;
+ display: block;
+ margin: 0px -20px;
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
::v-deep .el-form-item__content {
display: flex;
align-items: center;
--
Gitblit v1.8.0