From 1630481437821f5386d3415d954c972f60b27a44 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Tue, 16 Sep 2025 17:14:52 +0800
Subject: [PATCH 1/2] =?UTF-8?q?fix(input):=20=E4=BC=98=E5=8C=96=E8=BE=93?=
 =?UTF-8?q?=E5=85=A5=E6=A1=86=E4=BA=A4=E4=BA=92=E5=92=8C=E9=AA=8C=E8=AF=81?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修改密码输入框增加 @change 事件处理，用于清除确认密码的验证信息- 验证码输入框增加 @focus 事件处理，用于清除错误状态和信息
- 登录和注册页面的错误信息显示进行样式统一和优化
-调整注册表单中同意条款的样式
---
 .../components/change-password-modal/index.vue    | 15 ++++++++++++++-
 .../person/components/verification-code/index.vue |  5 +++++
 src/views/login/components/login-form/index.vue   |  4 ++--
 .../login/components/register-form/index.vue      |  4 ++--
 4 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/src/views/components/management/person/components/change-password-modal/index.vue b/src/views/components/management/person/components/change-password-modal/index.vue
index 5c062ae..4b7c55a 100644
--- a/src/views/components/management/person/components/change-password-modal/index.vue
+++ b/src/views/components/management/person/components/change-password-modal/index.vue
@@ -14,7 +14,13 @@
         <p class="cts mt-36px !color-#211F24 mb-24px">验证成功，请更改密码</p>
         <Form ref="formRef" :model="formData" :rules="formRules" auto-label-width class="w-348 form-wrap">
           <FormItem name="password" class="password-form-item">
-            <Input.Password v-model:value="formData.password" placeholder="新密码" size="large" class="!h-48px">
+            <Input.Password
+              v-model:value="formData.password"
+              class="!h-48px"
+              placeholder="新密码"
+              size="large"
+              @change="onPasswordChange"
+            >
               <template #iconRender="visible">
                 <img :src="visible ? icon2 : icon1" width="20" height="20" class="cursor-pointer" />
               </template>
@@ -26,6 +32,7 @@
               placeholder="密码确认"
               size="large"
               class="!h-48px"
+              @change="onPasswordChange"
             >
               <template #iconRender="visible">
                 <img :src="visible ? icon2 : icon1" width="20" height="20" class="cursor-pointer" />
@@ -146,6 +153,12 @@ const onCheckPass = (captcha) => {
   formData.value.captcha = captcha;
 };
 
+const onPasswordChange = () => {
+  nextTick(() => {
+    formRef.value.clearValidate('confirm_password');
+  });
+};
+
 const getCaptcha = async () => {
   try {
     const { code, message: msg } = await postUpdatePasswordCaptcha();
diff --git a/src/views/components/management/person/components/verification-code/index.vue b/src/views/components/management/person/components/verification-code/index.vue
index 40b0d43..5f3b760 100644
--- a/src/views/components/management/person/components/verification-code/index.vue
+++ b/src/views/components/management/person/components/verification-code/index.vue
@@ -9,6 +9,7 @@
         :value="item.value"
         :class="{ error: isError, fill: item.value }"
         @input="handleInput(index, $event.target.value)"
+        @focus="handleFocus"
         :maxlength="1"
         placeholder=""
       />
@@ -35,6 +36,10 @@ const errorMessage = ref('');
 const isError = ref(false);
 const inputRef = ref(null);
 
+const handleFocus = (index) => {
+  isError.value = false;
+  errorMessage.value = '';
+};
 // 处理输入事件
 const handleInput = (index, value) => {
   if (!value) {
diff --git a/src/views/login/components/login-form/index.vue b/src/views/login/components/login-form/index.vue
index b47ae9a..b351a61 100644
--- a/src/views/login/components/login-form/index.vue
+++ b/src/views/login/components/login-form/index.vue
@@ -33,7 +33,7 @@
               </div>
             </template>
           </Input>
-          <p class="color-#F64B31 text-12px font-400 lh-20px font-family-regular" v-show="errMsg">
+          <p class="color-#F64B31 text-12px font-400 h-20px lh-20px font-family-regular">
             {{ errMsg }}
           </p>
         </FormItem>
@@ -43,7 +43,7 @@
               <img :src="visible ? icon2 : icon1" width="20" height="20" class="cursor-pointer" />
             </template>
           </Input.Password>
-          <p v-show="errMsg" class="color-#F64B31 h-20px text-12px font-400 lh-20px font-family-regular">
+          <p class="color-#F64B31 h-20px text-12px font-400 lh-20px font-family-regular">
             {{ errMsg }}
           </p>
         </FormItem>
diff --git a/src/views/login/components/register-form/index.vue b/src/views/login/components/register-form/index.vue
index 964b1b8..bed7c7a 100644
--- a/src/views/login/components/register-form/index.vue
+++ b/src/views/login/components/register-form/index.vue
@@ -50,12 +50,12 @@
               </div>
             </template>
           </Input>
-          <p class="color-#F64B31 text-12px font-400 lh-20px font-family-regular" v-show="errMsg">
+          <p class="color-#F64B31 text-12px font-400 lh-20px h-20px font-family-regular">
             {{ errMsg }}
           </p>
         </FormItem>
 
-        <FormItem class="mt-52px">
+        <FormItem class="mt-32px">
           <div class="text-12px flex justify-center items-center mb-16px">
             <Checkbox v-model:checked="hasCheck" class="mr-8px"></Checkbox>
             <span class="text-12px color-#737478 font-400 lh-20px font-family-regular"

From 340b293f31922e21ade8dd754305f33e0655c343 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Tue, 16 Sep 2025 17:29:09 +0800
Subject: [PATCH 2/2] =?UTF-8?q?style(button):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E6=BF=80=E6=B4=BB=E7=8A=B6=E6=80=81=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修改默认按钮、主要按钮、危险按钮在激活状态下的背景色、边框色和文字颜色
- 增加幽灵按钮、文本按钮和链接按钮在激活状态下的样式
-统一使用 $color-error-7 和 $color-primary-7 作为激活状态的颜色
---
 src/styles/components/ant-button.scss | 40 +++++++++++++++++++++++++--
 1 file changed, 38 insertions(+), 2 deletions(-)

diff --git a/src/styles/components/ant-button.scss b/src/styles/components/ant-button.scss
index b5b20c6..29bc47e 100644
--- a/src/styles/components/ant-button.scss
+++ b/src/styles/components/ant-button.scss
@@ -19,7 +19,7 @@
     padding: 0 16px;
     height: 28px;
   }
-  
+
 }
 .ant-btn-default {
   &:disabled {
@@ -86,7 +86,7 @@
       }
 
       &:active {
-        background: $color-error-5 !important;
+        background-color: $color-error-7 !important;
       }
     }
   }
@@ -105,6 +105,11 @@
         color: $color-primary-5 !important;
         background-color: #fff !important;
       }
+
+      &:active {
+        border-color: $color-primary-7 !important;
+        color: $color-primary-7 !important;
+      }
     }
     &.ant-btn-dangerous {
       border: 1px solid $color-error !important;
@@ -119,6 +124,11 @@
           border-color: $color-error-5 !important;
           color: $color-error-5 !important;
         }
+
+        &:active {
+          border-color: $color-error-7 !important;
+          color: $color-error-7 !important;
+        }
       }
     }
   }
@@ -136,6 +146,11 @@
       border-color: $color-primary-5 !important;
       color: $color-primary-5 !important;
     }
+
+    &:active {
+      border-color: $color-primary-7 !important;
+      color: $color-primary-7 !important;
+    }
   }
 
   &.ant-btn-dangerous {
@@ -150,6 +165,11 @@
         border-color: $color-error-5 !important;
         color: $color-error-5 !important;
       }
+
+      &:active {
+        border-color: $color-error-7 !important;
+        color: $color-error-7 !important;
+      }
     }
   }
 }
@@ -167,6 +187,10 @@
       color: $color-primary-5 !important;
       border-color: transparent !important;
     }
+
+    &:active {
+      color: $color-primary-7 !important;
+    }
   }
   &.ant-btn-dangerous {
     color: $color-error !important;
@@ -177,6 +201,10 @@
       &:hover {
         color: $color-error-5 !important;
       }
+
+      &:active {
+        color: $color-error-7 !important;
+      }
     }
   }
 }
@@ -194,6 +222,10 @@
       color: $color-primary-5 !important;
       border-color: transparent !important;
     }
+
+    &:active {
+      color: $color-primary-7 !important;
+    }
   }
   &.ant-btn-dangerous {
     color: $color-error !important;
@@ -204,6 +236,10 @@
       &:hover {
         color: $color-error-5 !important;
       }
+
+      &:active {
+        color: $color-error-7 !important;
+      }
     }
   }
 }