From 64ecf4731024bc984a7e20b46238e830e2e5a9d8 Mon Sep 17 00:00:00 2001
From: dap <15891557205@163.com>
Date: Wed, 14 Jan 2026 21:41:40 +0800
Subject: [PATCH] =?UTF-8?q?refactor(authentication):=20=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=20SpaceCompact=20=E9=87=8D=E6=9E=84=E9=AA=8C=E8=AF=81=E7=A0=81?=
 =?UTF-8?q?=E8=BE=93=E5=85=A5=E7=BB=84=E4=BB=B6=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

移除自定义的输入框圆角样式，改用 SpaceCompact 组件实现更一致的布局
---
 .../_core/authentication/input-captcha.vue    | 43 ++++++++-----------
 1 file changed, 17 insertions(+), 26 deletions(-)

diff --git a/apps/web-antd/src/views/_core/authentication/input-captcha.vue b/apps/web-antd/src/views/_core/authentication/input-captcha.vue
index e119e21b..4872d4d8 100644
--- a/apps/web-antd/src/views/_core/authentication/input-captcha.vue
+++ b/apps/web-antd/src/views/_core/authentication/input-captcha.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Input } from 'antdv-next';
+import { Input, SpaceCompact } from 'antdv-next';
 
 interface Props {
   captcha?: string;
@@ -22,8 +22,8 @@ const modelValue = defineModel<string>({ default: '' });
 
 <!-- 图片验证码 -->
 <template>
-  <div class="flex w-full">
-    <div class="flex-1">
+  <div class="w-full flex-1">
+    <SpaceCompact class="w-full">
       <Input
         size="large"
         id="code"
@@ -36,21 +36,21 @@ const modelValue = defineModel<string>({ default: '' });
         :label="label"
         :placeholder="placeholder"
       />
-    </div>
-    <div class="captcha-image--container relative">
-      <img
-        :src="captcha"
-        class="h-[40px] w-[115px] cursor-pointer rounded-r-lg"
-        :class="{ 'pointer-events-none': loading }"
-        @click="$emit('captchaClick')"
-      />
-      <div
-        v-if="loading"
-        class="absolute inset-0 flex cursor-not-allowed items-center justify-center rounded-r-lg bg-black/30"
-      >
-        <span class="captcha-loading"></span>
+      <div class="relative rounded-r-lg border">
+        <img
+          :src="captcha"
+          class="h-[40px] w-[115px] cursor-pointer rounded-r-lg"
+          :class="{ 'pointer-events-none': loading }"
+          @click="$emit('captchaClick')"
+        />
+        <div
+          v-if="loading"
+          class="absolute inset-0 flex cursor-not-allowed items-center justify-center rounded-r-lg bg-black/30"
+        >
+          <span class="captcha-loading"></span>
+        </div>
       </div>
-    </div>
+    </SpaceCompact>
   </div>
 </template>
 
@@ -75,13 +75,4 @@ const modelValue = defineModel<string>({ default: '' });
   border-radius: 50%;
   animation: loading-rotation 1s linear infinite;
 }
-
-/**
-  验证码输入框样式
-  去除右边的圆角
-*/
-input[id='code'] {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
 </style>