feat: 批量标签/分组

src/views/property-marketing/component.scss

@@ -12,19 +12,30 @@
   }
 }
 .arco-modal {
+  .cancel-btn {
+    border-radius: 4px;
+    border: 1px solid var(--BG-500, #b1b2b5);
+    background: var(--BG-white, #fff);
+    &:hover {
+      border: 1px solid var(--BG-500, #b1b2b5);
+    }
+  }
   .arco-modal-header {
-    border-bottom: none;
+    border-bottom: 1px solid var(--Border-1, #d7d7d9);
     height: 56px;
-    padding: 22px 24px 16px 24px;
+    padding: 0 20px;
     .arco-modal-title {
       justify-content: flex-start;
     }
   }
 
   .arco-modal-body {
-    padding: 24px 24px 20px;
+    padding: 24px 20px;
     .arco-form-item {
       margin-bottom: 16px;
+      &:last-child {
+        margin-bottom: 0;
+      }
       .arco-form-item-label {
         color: var(--Text-1, #211f24);
         font-family: 'Alibaba PuHuiTi';
@@ -34,15 +45,14 @@
         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;
+    display: flex;
+    height: 64px;
+    padding: 0px 20px;
+    justify-content: flex-end;
+    align-items: center;
+    border-top: 1px solid var(--Border-1, #d7d7d9);
   }
 }