feat: 关联平台账号，关联渠道账户

src/styles/components/form.scss

@@ -0,0 +1,22 @@
+.arco-form {
+  .arco-form-item {
+    margin-bottom: 16px !important;
+    .arco-form-item-label-col {
+      padding-right: 12px !important;
+      .arco-form-item-label {
+        color: #211f24;
+        font-family: $font-family-regular;
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 22px;
+        .arco-form-item-label-required-symbol {
+          color: #f64b31;
+          margin-right: 4px;
+          font-size: 14px;
+          font-family: $font-family-regular;
+        }
+      }
+    }
+  }
+}

src/styles/components/index.scss

@@ -7,4 +7,6 @@
 @import "./textarea.scss";
 @import "./select.scss";
 @import "./date-picker.scss";
-@import "./button.scss";
+@import "./button.scss";
+@import "./steps.scss";
+@import "./form.scss";

src/styles/components/steps.scss

@@ -0,0 +1,47 @@
+.arco-steps {
+  .arco-steps-item {
+    .arco-steps-item-node {
+      .arco-steps-icon {
+        width: 28px;
+        height: 28px;
+        border-radius: 32px;
+        color: #3c4043;
+        font-size: 16px;
+        font-style: normal;
+        font-weight: 500;
+        line-height: 24px;
+        font-family: $font-family-manrope-medium;
+        background-color: #f2f3f5;
+      }
+    }
+    .arco-steps-item-content {
+      .arco-steps-item-title {
+        color: #3c4043;
+        font-family: $font-family-regular;
+        font-size: 16px;
+        font-style: normal;
+        font-weight: 400;
+        &::after {
+          background-color: #e6e6e8 !important;
+        }
+      }
+    }
+    &-active,
+    &-finish {
+      .arco-steps-item-node {
+        .arco-steps-icon {
+          color: #fff;
+          background-color: #6d4cfe;
+        }
+      }
+      .arco-steps-item-content {
+        .arco-steps-item-title {
+          font-family: $font-family-medium;
+          &::after {
+            background-color: #6d4cfe !important;
+          }
+        }
+      }
+    }
+  }
+}

src/styles/mixins/ellipsis.scss

@@ -0,0 +1,14 @@
+@mixin multi-ellipsis($lines) {
+  display: -webkit-box;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: $lines;
+  /* autoprefixer: ignore next */
+  -webkit-box-orient: vertical;
+}
+
+@mixin ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}

src/styles/mixins/index.scss

@@ -0,0 +1 @@
+@import "./ellipsis.scss"