updates

src/components/base/CardList.vue

@@ -4,14 +4,15 @@
     <el-card class="box_card">
       <div slot="header" class="clearfix">
         <span>{{ cardList.cardTitle }}</span>
+        <div style="display: flex" class="box_card_add">
           <img
             src="https://webapp-pub.ezijing.com/x-training-new/bg_add.png"
             alt=""
             @click="handleAdd"
-          class="box_card_add"
-          style="float: right; padding: 3px 0"
+            class="box_card_add_btn"
           />
-        <!-- <el-button @click="handleAdd" type="text" icon="el-icon-circle-plus-outline" class="box_card_add"></el-button> -->
+          <div class="box_card_add_text">添加</div>
+        </div>
       </div>
       <div class="optionList">
         <div class="optionList_left">
@@ -55,7 +56,10 @@
                 </el-select>
               </el-form-item>
               <el-form-item>
-                <el-button type="text" @click="handleDelete(item, indexB)" icon="el-icon-close"></el-button>
+                <img
+                  src="https://webapp-pub.ezijing.com/x-training-new/btn_del.png"
+                  @click="handleDelete(item, indexB)"
+                />
               </el-form-item>
             </div>
           </el-form>
@@ -117,6 +121,20 @@ export default {
   justify-content: space-around;
 
   .box_card {
+    .box_card_add {
+      float: right;
+      padding-right: 104px;
+
+      .box_card_add_text {
+        font-size: 14px;
+        font-weight: 400;
+        color: #707070;
+        text-align: center;
+        line-height: 20px;
+        margin-left: 8px;
+      }
+    }
+
     .optionList {
       display: flex;
       .optionList_left {

src/modules/market-tools/components/mail/StepTodoList.vue

 <template>
   <div class="main_con">
-    <div class="optionList">
-      <div @click="handleAdd" style="float: right; padding: 0 130px">添加</div>
-
+    <div class="main_con_add" @click="handleAdd">
+      <img src="https://webapp-pub.ezijing.com/x-training-new/bg_add.png" alt="" />
+      添加
+    </div>
+    <div class="main_con_optionList">
       <div class="optionList_left">
-        <div>
+        <div v-for="item in form.triggerList.length - 1" :key="item">
           <div class="optionList_left_line"></div>
           <div class="optionList_left_text">且</div>
         </div>
@@ -96,12 +98,14 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.main_content {
+.main_con {
   display: flex;
-  justify-content: space-around;
-
-  .box_card {
-    .optionList {
+  flex-direction: column;
+  .main_con_add {
+    align-self: flex-end;
+    padding: 0 130px 30px 0;
+  }
+  .main_con_optionList {
     display: flex;
     .optionList_left {
       position: relative;
@@ -140,6 +144,5 @@ export default {
       }
     }
   }
-  }
 }
 </style>