add 售后服务

mark
Commit 8ab40b8ecfe3ea30b8f473db0119bc018583e243 1 parent d1a9e5f3
Showing 3 changed files with 42 additions and 58 deletions
apps/product/views/action/product/detail.hbs
public/img/product/after-service.png
public/scss/product/_detail.css
--- a/apps/product/views/action/product/detail.hbs
View file @8ab40b8
+++ b/apps/product/views/action/product/detail.hbs
View file @8ab40b8
@@ -37,8 +37,9 @@
             <div class="other-infos">
                 <div class="description-material info-block">
                     <p class="block-title"id="block-title-head">
+                        <span class="title-head">
                         <span class="title cur">商品信息</span>
-
+                        </span>
                     </p>
                     <div class="description-content">
                         {{# description}}
@@ -74,8 +75,9 @@
                 <div class="description-material info-block">
                     <p class="block-title">
-
+                        <span class="title-head">
                         <span class="title cur">材质洗涤</span>
+                      </span>
                     </p>
                   <div class="material-content">
@@ -107,8 +109,9 @@
                 </div>
                 <div class="description-material-tab info-block">
                     <p class="block-title">
+                        <span class="title-head">
                         <span class="title cur">尺码信息</span>
-
+                       </span>
                     </p>
                     <div class="size-content">
@@ -153,8 +156,9 @@
                 </div>
                 <div class="description-material-tab info-block">
                     <p class="block-title">
-
-                        <span class="title cur">模特试穿 Model Fitting</span>
+                         <span class="title-head">
+                        <span class="title cur">试穿参考</span>
+                         </span>
                     </p>
                     <div class="model-content">
@@ -244,7 +248,9 @@
                 </div>
                 <div class="details info-block">
                     <p class="block-title">
-                        <span class="title cur">商品详情 Product Description</span>
+                         <span class="title-head">
+                        <span class="title cur">商品详情</span>
+                         </span>
                     </p>
                     <div id="details-html" class="details-html">
                         <div class="lazy-load-object">
@@ -272,8 +278,9 @@
                     <div class="consult-comment info-block" id="judge">
                         <p class="block-title">
-                            <span class="title cur">商品评价 Customer Reviews</span>
-
+                          <span class="title-head">
+                            <span class="title cur">商品评价</span>
+                          </span>
                         </p>
                         <div class="comments cc-content">
                             <div class="comment-tabs clearfix">
@@ -326,8 +333,9 @@
                     <div class="consult-comment info-block">
                         <p class="block-title">
-
+                           <span class="title-head">
                             <span class="title cur">商品咨询 Q&amp;A</span>
+                          </span>
                         </p>
                         <div class="commom-consults">
@@ -482,35 +490,23 @@
                     </p>
                     <div class="after-service-content info-block">
                         <div class="block-title">
-                            <span class="title cur">售后服务 AFTER SERVICE</span>
+                           <span class="title-head">
+                            <span class="title cur">退换货流程</span>
+                          </span>
                         </div>
-                        <div class="img-1"></div>
-                        <div class="img-2"></div>
-                        <div class="text">
-                            <h4>退换货承诺</h4>
-                            <p>
-                                自您签收商品7日内可以退货，15日内可以换货，在商品不影响二次销售的情况下，YOHO!BUY
-                                有货将为您办理退换货服务，请在网站提交"退换货"申请。需要说明的是：非质量问题的退换货，来回运费由您承担。</p>
-                            <h4>退换货方式</h4>
-                            <p>
-                                针对国内大中型城市，YOHO!BUY 有货开通了<span class="orange">"上门换货"</span>服务，上门服务区域及费用请联系客服中心；若您所在的区域不在上门换货范围内，请您选择普通快递将商品、内包装、赠品及发货单等一并寄回。质量问题的退换货，目前不支持运费到付款业务，请您先垫付运费寄回。如需退换货，请致电客服电话：400-889-9646。
-                            </p>
-                            <h4>退换货邮寄地址</h4>
-                            <p>
-                                南京市江宁区江宁经济技术开发区苏源大道87号YOHO!BUY 有货物流中心东一楼 收件人：YOHO!BUY 有货 邮编：211106
-                                <br>
-                                YOHO! 有货客服热线：400-889-9646　　客服邮箱：<a href="mailto:service@yoho.cn">service@yoho.cn</a>
-                                <br>
-                                有疑问请联系我们，我们将为您提供最优质的产品和服务。
-                            </p>
+                        <div class="img-3"></div>
+                        <div class="info-block">
+                          <div class="block-title">
+                             <span class="title-head">
+                              <span class="title cur">有货承诺</span>
+                            </span>
+                          </div>
                         </div>
-                    </div>
+                        <div id="saleReturn" class="support-saleReturned-service"></div>
+                   </div>
                 </div>
-                <div id="saleReturn" class="support-saleReturned-service"></div>
-
-
-                <div class="service"></div>
+                 <div class="service"></div>
                 {{#unless @root.pc.product.removeRecentView}}
                      <div class="bottom-tab">
                        <p>
--- a/public/img/product/after-service.png 0 → 100644
View file @8ab40b8
+++ b/public/img/product/after-service.png 0 → 100644
View file @8ab40b8
--- a/public/scss/product/_detail.css
View file @8ab40b8
+++ b/public/scss/product/_detail.css
View file @8ab40b8
@@ -800,10 +800,13 @@
      }
       .block-title {
-        margin-bottom: 44px;
+        margin-bottom: 46px;
         margin-top: -18px;
         text-align: center;
+        .title-head{
+            border-left: 20px solid #fff;
+            border-right: 20px solid #fff;
         .title {
             display: inline-block;
@@ -824,9 +827,9 @@
                 background-color: #fff;
             }
-        }
-
+            }
+          }
         .sep {
             display: inline-block;
@@ -1316,6 +1319,7 @@
         .after-service-content {
             display: none;
+
         }
         .after-service-switch {
@@ -1332,15 +1336,6 @@
             }
         }
-        .text {
-            padding: 20px 15px;
-            color: #666;
-            background: #f5f7f6;
-            text-align: left;
-            color: #666;
-            line-height: 18px;
-        }
-
         .orange {
             color: #f9761a;
         }
@@ -1357,18 +1352,11 @@
             }
         }
-        .img-1 {
-            width: 715px;
-            height: 259px;
-            margin: 0 auto;
-            background: resolve("product/after-service-1.png");
-        }
-
-        .img-2 {
-            width: 715px;
-            height: 230px;
-            margin: 0 auto;
-            background: resolve("product/after-service-2.png");
+        .img-3{
+           width: 982px;
+           height: 330px;
+           margin: 20px auto;
+           background: resolve("product/after-service.png");
         }
         a {