feat: form组件替换

src/styles/components/ant-button.scss

@@ -10,6 +10,7 @@
   padding: 0 16px;
   display: flex;
   align-items: center;
+  justify-content: center;
   &.ant-btn-lg {
     height: 36px;
     padding: 0 20px;

src/styles/components/ant-form.scss

@@ -29,6 +29,11 @@
       }
     }
     .ant-form-item-control {
+      .ant-form-item-explain-error {
+        color: #f64b31;
+        font-size: 12px;
+        line-height: 20px;
+      }
     }
   }
 }

src/styles/components/ant-input.scss

@@ -0,0 +1,40 @@
+.ant-input {
+  border-radius: 4px !important;
+  border-color: #d7d7d9 !important;
+  background-color: #fff !important;
+  height: 32px;
+  padding: 0 12px;
+  display: flex;
+  align-items: center;
+  color: var(--Text-4, #211F24);
+  font-family: $font-family-regular;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  &::placeholder {
+    color: var(--Text-4, #939499);
+  }
+  &.ant-input-lg {
+    height: 36px;
+  }
+  &.ant-input-sm {
+    height: 28px;
+  }
+  &:hover {
+    background-color: #fff !important;
+  }
+  &:focus-within,
+  &.arco-input-focus,
+  &.arco-textarea-focus {
+    background-color: var(--color-bg-2) !important;
+    border-color: rgb(var(--primary-6)) !important;
+    box-shadow: 0 0 0 0 var(--color-primary-light-2) !important;
+  }
+  &.ant-input-disabled {
+    background-color: var(--BG-200, #f2f3f5) !important;
+  }
+  .ant-input-prefix {
+    padding-right: 0 !important;
+    margin-right: 4px;
+  }
+}

src/styles/components/index.scss

@@ -18,4 +18,6 @@
 @import "./ant-button.scss";
 @import "./ant-table.scss";
 @import "./ant-checkbox.scss";
+@import "./ant-input.scss";
+