From 4bae515bfe2ca66c004885fbe0e7e50373ec9864 Mon Sep 17 00:00:00 2001
From: zhangtao <9480807882@qq.com>
Date: Thu, 8 Jan 2026 00:59:29 +0800
Subject: [PATCH] =?UTF-8?q?style(login):=20=E4=BC=98=E5=8C=96=E7=99=BB?=
 =?UTF-8?q?=E5=BD=95=E8=A1=A8=E5=8D=95=E9=AA=8C=E8=AF=81=E7=A0=81=E5=8C=BA?=
 =?UTF-8?q?=E5=9F=9F=E7=9A=84=E6=A0=B7=E5=BC=8F=E5=92=8C=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

调整验证码输入框和图片容器的宽度样式，使用flex布局自适应
为验证码图片添加阴影和点击提示文本，提升用户体验
---
 .../src/views/module_system/auth/components/Login.vue    | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/module_system/auth/components/Login.vue b/frontend/src/views/module_system/auth/components/Login.vue
index c1284d90..62fb4411 100644
--- a/frontend/src/views/module_system/auth/components/Login.vue
+++ b/frontend/src/views/module_system/auth/components/Login.vue
@@ -38,19 +38,19 @@
 
       <!-- 验证码 -->
       <el-form-item v-if="captchaState.enable" prop="captcha">
-        <div flex items-center gap-10px>
+        <div flex items-center gap-10px class="flex-1">
           <el-input
             v-model.trim="loginForm.captcha"
             :placeholder="t('login.captchaCode')"
             clearable
-            style="width: 320px"
+            class="flex-1"
             @keyup.enter="handleLoginSubmit"
           >
             <template #prefix>
               <div class="i-svg:captcha" />
             </template>
           </el-input>
-          <div cursor-pointer flex-center w-100px>
+          <div cursor-pointer flex-center h-40px w-100px>
             <el-icon v-if="codeLoading" class="is-loading" size="20">
               <Loading />
             </el-icon>
@@ -58,9 +58,12 @@
               v-else-if="captchaState.img_base"
               border-rd-4px
               object-cover
+              shadow="[0_0_0_1px_var(--el-border-color)_inset]"
               :src="captchaState.img_base"
+              class="w-full h-full"
               @click="getCaptcha"
             />
+            <el-text v-else type="info" size="small">点击获取验证码</el-text>
           </div>
         </div>
       </el-form-item>