feat: 分组管理

src/views/property-marketing/component.scss

@@ -0,0 +1,48 @@
+.arco-input-wrapper,
+.arco-select-view-single,
+.arco-select-view-multiple {
+  border-radius: 4px;
+  border-color: #d7d7d9;
+  background-color: #fff;
+  &:focus-within,
+  &.arco-input-focus {
+    background-color: var(--color-bg-2);
+    border-color: rgb(var(--primary-6));
+    box-shadow: 0 0 0 0 var(--color-primary-light-2);
+  }
+}
+.arco-modal {
+  .arco-modal-header {
+    border-bottom: none;
+    height: 56px;
+    padding: 22px 24px 16px 24px;
+    .arco-modal-title {
+      justify-content: flex-start;
+    }
+  }
+
+  .arco-modal-body {
+    padding: 24px 24px 20px;
+    .arco-form-item {
+      margin-bottom: 16px;
+      .arco-form-item-label {
+        color: var(--Text-1, #211f24);
+        font-family: 'Alibaba PuHuiTi';
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 22px; /* 157.143% */
+      }
+    }
+    .cancel-btn {
+      border-radius: 4px;
+      border: 1px solid var(--BG-500, #b1b2b5);
+      background: var(--BG-white, #fff);
+    }
+  }
+
+  .arco-modal-footer {
+    border-top: none;
+    padding: 0;
+  }
+}