fix: 🐛 登录页验证码与输入框高度不一致(切换布局大小)问题修复
This commit is contained in:
@@ -87,6 +87,7 @@
|
|||||||
<el-image
|
<el-image
|
||||||
:src="captchaBase64"
|
:src="captchaBase64"
|
||||||
@click="getCaptcha"
|
@click="getCaptcha"
|
||||||
|
:style="{ height: captchaHeight }"
|
||||||
class="w-[120px] h-[48px] cursor-pointer"
|
class="w-[120px] h-[48px] cursor-pointer"
|
||||||
>
|
>
|
||||||
<template #error>
|
<template #error>
|
||||||
@@ -238,6 +239,17 @@ function getCaptcha() {
|
|||||||
captchaBase64.value = data.captchaBase64;
|
captchaBase64.value = data.captchaBase64;
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
/**
|
||||||
|
* 根据组件大小调整验证码图片高度
|
||||||
|
*/
|
||||||
|
const captchaHeight = computed(() => {
|
||||||
|
if (appStore.size === "large") {
|
||||||
|
return "56px";
|
||||||
|
} else if (appStore.size === "small") {
|
||||||
|
return "40px";
|
||||||
|
}
|
||||||
|
return "48px";
|
||||||
|
});
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 登录
|
* 登录
|
||||||
|
|||||||
Reference in New Issue
Block a user