update: style

src/components/allCustomers/consumption.vue

 <template>
   <div class="minwidth1200 member-fee">
-    <div class="con-container">
+    <div class="consumption-container">
       <v-nav :navpath="navpath"></v-nav>
-      <div class="record-count">
+      <div class="record-count-wrap">
         <div class="record-navitem" v-for="item in totalCountList" :key="item">
           <p class="count-label">{{item.label}}</p>
           <p class="count-txt" v-if="item.filter==='fomatFloat'">
@@ -28,7 +28,8 @@
             <el-table-column v-for="colunm in tableColumnList" :key="colunm" :label="colunm.label"
               :min-width="colunm.width"></el-table-column>
           </el-table>
-          <div class="only-content-table-list" style="height:calc(100vh - 224px);" v-if="memberData.length">
+          <div class="only-content-table-list" style="height:calc(100vh - 224px);"
+            v-if="memberData.length">
             <div class="group-item" v-for="group in memberData" :key="group">
               <div class="group-header">
                 <div class="left">
@@ -63,18 +64,18 @@
                               v-if="Object.keys(orderInfo).length">
                               <h5 class="title">金额详情</h5>
                               <div class="middle">
-                                <p class="line">
+                                <p class="amount-line">
                                   <span>吊牌价总额：</span>¥{{orderInfo.totalAmount|fomatFloat}}
                                 </p>
-                                <p class="line">
+                                <p class="amount-line">
                                   <span>订单应收：</span>¥{{orderInfo.paidAmount|fomatFloat}}
                                 </p>
-                                <p class="line">
+                                <p class="amount-line">
                                   <span>订单实付：</span>¥{{group.paidAmount|fomatFloat}}
                                 </p>
                               </div>
                               <div class="bottom">
-                                <p class="line">支付方式：</p>
+                                <p class="amount-line">支付方式：</p>
                                 <div class="right">
                                   <p class="cash"><span>现金</span>¥{{payInfo.cash|fomatFloat}}
                                   </p>
@@ -101,7 +102,7 @@
                         </div>
                         <div class="price-info" v-else-if="colunm.prop==='unitPrice'">
                           <p class="good-unitPrice">￥{{row.unitPrice|fomatFloat}}</p>
-                          <p class="line">/</p>
+                          <p class="italics-line">/</p>
                           <p class="good-payPrice">￥{{row.payPrice|fomatFloat}}</p>
                         </div>
                         <div v-else>{{row.number}}</div>
@@ -351,7 +352,7 @@ export default {
 p {
   margin: 0;
 }
-.record-count {
+.record-count-wrap {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -487,12 +488,12 @@ p {
           color: #909399;
           text-decoration: line-through;
         }
-        .line,
+        .italics-line,
         .good-payPrice {
           font-size: 14px;
           color: #303133;
         }
-        .line {
+        .italics-line {
           margin: 0 5px;
         }
       }
@@ -537,11 +538,11 @@ p {
     margin-bottom: 10px;
     background: #f5f7fa;
     border-radius: 2px;
-    .line {
+    .amount-line {
       font-size: 14px;
       color: #303133;
       line-height: 20px;
-      & + .line {
+      & + .amount-line {
         margin-top: 10px;
       }
       span {
@@ -556,7 +557,7 @@ p {
     font-size: 14px;
     color: #303133;
     line-height: 20px;
-    .line {
+    .amount-line {
       width: 91px;
       text-align: right;
     }