update: style

src/components/allCustomers/customerDetail.less

@@ -158,6 +158,12 @@
             margin: 0 10px;
             background: #dcdfe6;
           }
+          .el-button.no-active{
+            color: #303133;
+            &:hover{
+              color:#46a6ff;
+            }
+          }
         }
         .vertical-line {
           flex: 1;

src/components/allCustomers/customerDetail.vue

@@ -97,8 +97,8 @@
             <div class="extended-field-wrap">
               <div class="flex-header">
                 <div class="tab-button-wrap">
-                  <el-button type="text" @click="changeExtendFieldTab(1)">开卡拓展字段</el-button><span class="line"></span>
-                  <el-button type="text" @click="changeExtendFieldTab(2)">会员信息字段</el-button>
+                  <el-button type="text" @click="changeExtendFieldTab(1)" :class="showFieldType===1?'':'no-active'">开卡拓展字段</el-button><span class="line"></span>
+                  <el-button type="text" @click="changeExtendFieldTab(2)" :class="showFieldType===2?'':'no-active'">会员信息字段</el-button>
                 </div>
                 <div class="vertical-line" />
                 <div class="toggleTag" @click="toggleTag=!toggleTag">