From a81c9707048feff7bf6f31f28bdc39fdb4b8a2f3 Mon Sep 17 00:00:00 2001
From: "songwanli2025@163.com" <songwanli2025@163.com>
Date: Mon, 9 Mar 2020 10:30:25 +0800
Subject: [PATCH] modify scss

---
 src/CustomAdd/src/main.vue |  4 ++-
 styles/CustomAdd.scss      | 70 +++++++++++++++++++-------------------
 2 files changed, 38 insertions(+), 36 deletions(-)

diff --git a/src/CustomAdd/src/main.vue b/src/CustomAdd/src/main.vue
index fcfa3b48b..338272d5f 100644
--- a/src/CustomAdd/src/main.vue
+++ b/src/CustomAdd/src/main.vue
@@ -4,6 +4,7 @@
       v-for="(item, index) in value"
       :key="index"
       class="n-custom-add-item"
+      :class="{[`n-${syntheticTheme}-theme`]: syntheticTheme}"
     >
       <div v-if="NFormItem" class="n-custom-add-item__content">
         <slot :item="item" :index="index">
@@ -56,6 +57,7 @@ import mdAdd from '../../_icons/md-add'
 import mdRemove from '../../_icons/md-remove'
 import asformitem from '../../_mixins/asformitem'
 import NCustomAddItem from './item'
+import themeable from '../../_mixins/themeable'
 
 export default {
   name: 'NCustomAdd',
@@ -71,7 +73,7 @@ export default {
       NCustomAdd: this
     }
   },
-  mixins: [asformitem({
+  mixins: [themeable, asformitem({
     change: 'change',
     blur: 'blur',
     focus: 'focus',
diff --git a/styles/CustomAdd.scss b/styles/CustomAdd.scss
index fbc4565c5..32d50a91c 100644
--- a/styles/CustomAdd.scss
+++ b/styles/CustomAdd.scss
@@ -1,47 +1,47 @@
 @import './mixins/mixins.scss';
 
 @include themes-mixin {
-  @include b(custom-add) {
-    width: 100%;
-    @include m(title) {
-      display: block;
-      margin: 0 0 8px;
-    }
-    @include b(custom-add-item) {
-      margin-bottom: 10px;
-      display: flex;
-      @include e(content) {
-        flex: 1;
-        display: inline-block;
-        display: flex;
+  @include once {
+    @include b(custom-add) {
+      width: 100%;
+      @include m(title) {
+        display: block;
+        margin: 0 0 8px;
       }
-      @include e(action) {
-        width: 70px;
-        // align-items: center;
+      @include b(custom-add-item) {
+        margin-bottom: 10px;
         display: flex;
-        margin-left: 13px;
-        @include m(icon) {
-          cursor: pointer;
+        @include e(content) {
+          flex: 1;
+          display: inline-block;
+          display: flex;
+        }
+        @include e(action) {
+          width: 70px;
+          display: flex;
+          margin-left: 13px;
+          @include m(icon) {
+            cursor: pointer;
+          }
+        }
+        &:last-child {
+          margin-bottom: 0;
         }
       }
-      &:last-child {
-        margin-bottom: 0;
+      @include b(custom-add-pair) {
+        width: 100%;
+        display: flex;
+        @include b(custom-add-item-input-container-input) {
+          display: inline-block;
+          flex: 1;
+        }
+        @include b(form-item) {
+          padding-top: 0!important;
+        }
       }
-    }
-    @include b(custom-add-pair) {
-      width: 100%;
-      display: flex;
-      @include b(custom-add-item-input-container-input) {
-        display: inline-block;
-        flex: 1;
+      @include b(custom-add-pair-input){
+        margin-right: 13px;
       }
-      @include b(form-item) {
-        padding-top: 0!important;
-      }
-    }
-    
-    @include b(custom-add-pair-input){
-      margin-right: 13px;
     }
   }
 }