feat: 更新表单和按钮样式，优化验证码组件逻辑

- 在 `App.vue` 中添加 `autoInsertSpaceInButton` 属性
- 更新 `login/style.scss` 和 `styles/components/ant-input.scss` 样式文件
- 优化 `verification-code/index.vue` 组件的验证逻辑和样式
- 更新 `styles/components/ant-button.scss` 样式文件
- 优化 `register-form/index.vue` 和 `change-password-modal/index.vue` 组件的密码输入逻辑和样式

src/styles/components/ant-button.scss

@@ -19,6 +19,7 @@
     padding: 0 16px;
     height: 28px;
   }
+
 }
 .ant-btn-default {
   &:disabled {
@@ -51,6 +52,8 @@
   background-color: $color-primary !important;
   border-color: transparent !important;
   color: #fff !important;
+
+
   &:disabled {
     color: #fff !important;
     border-color: transparent !important;
@@ -66,7 +69,12 @@
       outline: none;
       outline-offset: unset;
     }
+
+    &:active {
+      background: $color-primary-7 !important;
+    }
   }
+
   &.ant-btn-dangerous {
     background-color: $color-error !important;
     &:disabled {
@@ -76,6 +84,10 @@
       &:hover {
         background-color: $color-error-5 !important;
       }
+
+      &:active {
+        background-color: $color-error-7 !important;
+      }
     }
   }
   &.ant-btn-background-ghost {
@@ -93,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;
@@ -107,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;
+        }
       }
     }
   }
@@ -124,7 +146,13 @@
       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 {
     border: 1px solid $color-error !important;
     color: $color-error !important;
@@ -137,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;
+      }
     }
   }
 }
@@ -154,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;
@@ -164,6 +201,10 @@
       &:hover {
         color: $color-error-5 !important;
       }
+
+      &:active {
+        color: $color-error-7 !important;
+      }
     }
   }
 }
@@ -181,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;
@@ -191,6 +236,10 @@
       &:hover {
         color: $color-error-5 !important;
       }
+
+      &:active {
+        color: $color-error-7 !important;
+      }
     }
   }
 }

src/styles/components/ant-input.scss

@@ -20,6 +20,7 @@
     color: var(--Text-4, #939499);
   }
 
+
   &:hover {
     background-color: #fff !important;
   }
@@ -43,6 +44,15 @@
       border-color: $color-error !important;
     }
   }
+
+  &:-webkit-autofill,
+  &:-webkit-autofill:hover,
+  &:-webkit-autofill:focus,
+  &:-webkit-autofill:active {
+    -webkit-transition-delay: 99999s;
+    -webkit-transition: color 99999s ease-out,
+    background-color 99999s ease-out;
+  }
 }
 input.ant-input {
   height: 32px;
@@ -64,11 +74,17 @@ textarea.ant-input {
     background-color: var(--BG-200, #f2f3f5) !important;
   }
 
-  &.ant-input-affix-wrapper-status-error {
-    &:not(.ant-input-affix-wrapper-disabled) {
+  &:not(.ant-input-affix-wrapper-disabled) {
+    &.ant-input-affix-wrapper-status-error {
       border-color: $color-error !important;
     }
+
+    &:hover {
+      border-color: $color-primary !important;
+    }
   }
+
+
   &:focus,
   &-focused {
     box-shadow: none !important;