'tab间距微调'

src/pages/distributorSign/details-tab.vue

-<!--
- * @Description: 详情tab
- * @Author: your name
- * @Date: 2019-09-25 19:47:59
- * @LastEditTime: 2019-11-08 17:00:06
- * @LastEditors: Please set LastEditors
- -->
 <template>
   <div class="tab-style">
     <div :class="{'tab-content-bg':tabNum == 0}" class="tab-content" @click="tabNum = 0;sendTabNum()"><img :src="tabNum == 0?base:unbase"><span
@@ -62,7 +55,6 @@ export default {
       display: flex;
       justify-content: center;
       align-items: center;
-
       span {
         margin-left: 2%;
         font-size: 14px;
@@ -85,7 +77,14 @@ export default {
     }
 
     .tab-content:nth-of-type(2) {
-      margin-left: 7px;
+      margin: 0 8px;
+    }
+    .tab-content:nth-of-type(1) {
+      margin-left: 10px
+    }
+    .tab-content:nth-of-type(3) {
+      margin-right: 10px
     }
   }
+
 </style>