feat: a-checkbox替换

2025-09-02 17:16:02 +08:00
parent 38f2b2c20c
commit 01d561cfb2
17 changed files with 280 additions and 198 deletions
--- a/src/styles/components/ant-checkbox.scss
+++ b/src/styles/components/ant-checkbox.scss
@ -0,0 +1,68 @@
+.ant-checkbox-group {
+  .ant-checkbox-wrapper {
+    margin-right: 24px;
+  }
+}
+.ant-checkbox-wrapper {
+  .ant-checkbox {
+    &::after {
+      display: none !important;
+    }
+    .ant-checkbox-inner {
+      border-radius: 2px;
+      border: 2px solid #d7d7d9;
+    }
+    &.ant-checkbox-disabled {
+      background: #f2f3f5;
+    }
+    &.ant-checkbox-indeterminate {
+      .ant-checkbox-inner {
+        background-color: #6d4cfe !important;
+        border-color: transparent !important;
+        &::after {
+          height: 2px;
+          width: 6px;
+          background-color: #fff !important;
+        }
+      }
+    }
+    &.ant-checkbox-indeterminate.ant-checkbox-disabled {
+      .ant-checkbox-inner {
+        background-color: #a794fe !important;
+        &::after {
+          transform: translate(-50%, -50%) scale(1);
+        }
+      }
+    }
+    &.ant-checkbox-checked {
+      .ant-checkbox-inner {
+        background-color: #6d4cfe !important;
+        border-color: transparent !important;
+      }
+    }
+    &.ant-checkbox-checked.ant-checkbox-disabled {
+      .ant-checkbox-inner {
+        background-color: #a794fe !important;
+        border-color: transparent !important;
+        &::after {
+          border-color: #fff;
+        }
+      }
+    }
+  }
+  .ant-checkbox + span {
+    padding-left: 8px;
+    padding-right: 0;
+    color: #211f24;
+    font-family: $font-family-regular;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+  }
+  &:hover {
+    .ant-checkbox-inner {
+      border-color: #d7d7d9 !important;
+    }
+  }
+}