投放 去除客服

src/components/buy/buy.vue

 <template>
   <div class="group-buy">
     <div class="address-block" v-if="groupDetail.is_real === 1">
+      <div class="block-title">请填写您的收货联系方式</div>
       <div class="add-address" v-if="!addressObj" @click="buttonClick('功能','添加收货地址');showAdd()">
         +请输入收件人地址
       </div>
       <div class="address-content" v-if="addressObj" @click="buttonClick('功能','编辑收货地址');showAdd()">
-        <div class="hf">姓名：{{addressObj.receive_name}}</div>
-        <div class="hf">联系电话：{{addressObj.receive_mobile}}</div>
-        <div>收货人：{{addressObj.province_name}}{{addressObj.city}}{{addressObj.area}}{{addressObj.address}}</div>
+        <div class="mobile">{{addressObj.receive_mobile}}</div>
+        <div class="">{{addressObj.receive_name}}</div>
+        <div class="address">收货地址：{{addressObj.province_name}}{{addressObj.city}}{{addressObj.area}}{{addressObj.address}}</div>
       </div>
     </div>
+    <img :src="lineImage" alt="" style="width: 100vw">
+    <div class="block-title">订单信息</div>
     <div class="shop-block" v-if="groupDetail.goods_desc">
       <div class="shop">
         <div class="img-block">
@@ -23,10 +26,10 @@
             {{groupDetail.goods_desc.desc}}
           </div>
           <div class="price" v-if="!type">
-            价格 ￥{{groupDetail.current_price/100}}
+             ￥{{groupDetail.current_price/100}}
           </div>
           <div class="price" v-if="type">
-            价格 ￥{{groupDetail.original_price/100}}
+             ￥{{groupDetail.original_price/100}}
           </div>
         </div>
       </div>
@@ -46,7 +49,6 @@
       <!--</div>-->
 
       <div class="sub-block">
-        合计金额：
         <span>￥{{priceTotal}}</span>
         <div class="pay-btn" @click="payOrder(orderFlag)">确认支付</div>
       </div>
@@ -68,6 +70,7 @@
   import addAddress from './address'
   import youHuiUrl from '../../assets/shop/youHui.png'
   import saleDiv from './sale'
+  import lineImage from '../../assets/shop/line.png'
   export default {
     name: "buy",
     components:{
@@ -76,6 +79,7 @@
     },
     data(){
       return{
+        lineImage:lineImage,
         youHuiUrl:youHuiUrl,
         addressPop:false,
         groupDetail:false,
@@ -349,27 +353,48 @@
     border: 1px solid #e8e8e8;
     text-align: center;
   }
+  .block-title{
+    font-size: 12*@toVw;
+    color: #999;
+    padding: 8*@toVw 16*@toVw;
+  }
   .group-buy{
+    background: #f0f0f0;
     .address-block{
       background: #f0f0f0;
-      padding: 10/7.5vw 0;
       .add-address{
+        padding-top: 10*@toVw;
         background: white;
         height: 90/7.5vw;
         line-height: 90/7.5vw;
-        margin: 20/7.5vw 20/7.5vw;
         text-align: center;
-        border-radius: 100px;
         font-size: 16px;
         color: #666666;
       }
       .address-content{
-        padding: 20/7.5vw;
+        padding: 5*@toVw 20*@toVw;
         background: white;
-        line-height: 1.6em;
+        line-height: 1.8em;
+        font-size:16*@toVw;
+        font-weight:500;
+        color:rgba(0,0,0,1);
+        font-family:PingFang-SC-Medium;
+        .mobile{
+          float: right;
+        }
+        .address{
+          overflow:hidden;
+          text-overflow:ellipsis;
+          white-space:nowrap;
+          font-size:12*@toVw;
+          font-family:PingFang-SC-Medium;
+          font-weight:500;
+          color:rgba(102,102,102,1);
+        }
       }
     }
     .shop-block{
+      background: white;
       .shop{
         padding: 20/7.5vw;
         border-bottom: 1px solid #d8d8d8;
@@ -408,7 +433,7 @@
           font-size: 18px;
           color: #FF001F;
           position: absolute;
-          right: 20/7.5vw;
+          left: 300/7.5vw;
           bottom: 20/7.5vw;
         }
       }