update: style

src/components/allCustomers/customerDetail.less

@@ -23,7 +23,7 @@
       font-size: 14px;
       font-weight: 500;
       color: #303133;
-      .line {
+      .vertical-line {
         display: block;
         width: 3px;
         height: 14px;
@@ -86,7 +86,7 @@
               display: inline-block;
               cursor: pointer;
             }
-            .line {
+            .vertical-line {
               display: inline-block;
               width: 1px;
               height: 8px;
@@ -142,7 +142,7 @@
           background-color: #fff;
           border-left-color: #1890ff;
         }
-        .line {
+        .vertical-line {
           flex: 1;
           height: 1px;
           margin: 0 9px 0 13px;
@@ -263,14 +263,14 @@
       p {
         margin: 0 0 4px;
       }
-      .line {
+      .vertical-line {
         display: inline-block;
         height: 12px;
         width: 1px;
         margin-right: 20px;
         background: #c4c6cf;
       }
-      .line + .store-name {
+      .vertical-line + .store-name {
         margin-right: 20px;
       }
       .store-name:first-child {
@@ -345,7 +345,7 @@
       display: flex;
       justify-content: flex-start;
       align-items: center;
-      .line {
+      .vertical-line {
         margin: 0 50px;
         width: 1px;
         height: 13px;

src/components/allCustomers/customerDetail.vue

@@ -4,7 +4,7 @@
     <div class="customer-contain-wrap">
       <div class="customer-info-item" v-for="section in customerInfoItemList" :key="section">
         <div class="info-item-header">
-          <h2 class="item-title"><i class="line"></i><span>{{section.title}}</span></h2>
+          <h2 class="item-title"><i class="vertical-line"></i><span>{{section.title}}</span></h2>
           <el-button type="text" v-if="section.name==='basic'" @click="baseinfoDialogVisible=true">
             编辑</el-button>
         </div>
@@ -16,7 +16,7 @@
                 <div class="user-avatar" v-loading="imgLoading">
                   <div class="tag">冻结</div>
                   <div class="maskOperation">
-                    <span @click="updateImgUrl">刷新头像</span><i class="line"></i>
+                    <span @click="updateImgUrl">刷新头像</span><i class="vertical-line"></i>
                     <router-link tag="span" :to="`/photo-album?memberId=${memberId}&from=1`">会员相册
                     </router-link>
                   </div>
@@ -67,7 +67,7 @@
                   <el-radio-button :label="1">开卡拓展字段</el-radio-button>
                   <el-radio-button :label="2">会员信息字段</el-radio-button>
                 </el-radio-group>
-                <div class="line"></div>
+                <div class="vertical-line"></div>
                 <div class="toggleTag" @click="toggleTag=!toggleTag">展开<i
                     :class="toggleTag ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"></i>
                 </div>
@@ -174,7 +174,7 @@
               </el-descriptions-item>
               <el-descriptions-item label="协管门店">
                 <div class="assist-store-list"><template v-for="(item,index) in member.shopNames">
-                    <span v-if="index>0" :key="item" class="line"></span>
+                    <span v-if="index>0" :key="item" class="vertical-line"></span>
                     <p :key="item" class="store-name">{{item.storeName}}</p>
                   </template>
                   <el-tooltip class="item" effect="dark" open-delay="200" content="修改协管门店"
@@ -208,7 +208,7 @@
           <template v-if="section.name==='interactive'">
             <ul class="card-list-wrap max1600">
               <template v-for="(item,index) in section.childrenList">
-                <p :key="item" v-if="index>0" class="line"></p>
+                <p :key="item" v-if="index>0" class="vertical-line"></p>
                 <li :class="['card-item',item.key]" :key="item" @click="goLink(item.path)">
                   <i
                     :class="['iconfont',item.icon]"></i>{{item.label}}<span>{{memberInfo[item.key]||0}}</span>