修改评论

mark
Commit 4e94b9999b270012b98f04e825b5018d16e01355 1 parent f479a006
Showing 4 changed files with 142 additions and 36 deletions
apps/product/views/action/product/detail.hbs
public/hbs/product/comment-item.hbs
public/js/product/detail.page.js
public/scss/product/_detail.css
--- a/apps/product/views/action/product/detail.hbs
View file @4e94b99
+++ b/apps/product/views/action/product/detail.hbs
View file @4e94b99
@@ -107,8 +107,7 @@
                 <div class="description-material-tab info-block">
                     <p class="block-title">
                         <span class="title cur">尺码信息 Size Guide</span>
-                        <span class="sep">|</span>
-                        <span class="title">模特试穿 Model Fitting</span>
+
                     </p>
                     <div class="size-content">
@@ -149,6 +148,14 @@
                             </div>
                         {{/if}}
                     </div>
+
+                </div>
+                <div class="description-material-tab info-block">
+                    <p class="block-title">
+
+                        <span class="title cur">模特试穿 Model Fitting</span>
+                    </p>
+
                     <div class="model-content">
                         {{#if reference}}
@@ -234,7 +241,6 @@
                     </div>
                 </div>
-
                 <div class="details info-block">
                     <p class="block-title">
                         <span class="title cur">商品详情 Product Description</span>
@@ -262,7 +268,7 @@
                             </textarea>
                     </div>
-                    <div class="consult-comment info-block">
+                    <div class="consult-comment info-block" id="judge">
                         <p class="block-title">
                             <span class="title cur">商品评价 Customer Reviews</span>
@@ -273,6 +279,7 @@
                                 <h2 class="active" data-comment-type="7"> 全部（<em class="comment-num all-comment-num">0</em>）</h2>
                                 <h2 data-comment-type="6"> 有图（<em class="comment-num img-comment-num">0</em>）</h2>
                             </div>
+                            <div class="judge-content">
                             <div data-comment-list="7">
                                 <ul></ul>
                                 <p class="more-wrap">
@@ -298,6 +305,7 @@
                                     我要评论
                                 </a>
                             </p>
+                          </div>
                         </div>
@@ -360,8 +368,8 @@
                              </p>
                           </div>
                            <div class="common-question ">
-                             <p><span class="common-advice"><i class="iconfont advice">&#xe602;</i>
-                               我要咨询&nbsp;&gt;</span></p>
+                             <p><span class="common-advice"><a href="#textbox"><i class="iconfont advice">&#xe602;</i>
+                               我要咨询&nbsp;&gt;</a></span></p>
                            </div>
                            <div class="common-question buy-consults">
@@ -388,10 +396,50 @@
                                 </div>
                               </div>
                            </div>
+                           <div class="common-question">
+                              <p>
+                                <span class="top-question">
+                                  <i class="iconfont">&#xe695;</i>
+                                  <small>183****3432&nbsp;&nbsp;&nbsp;为什么图片是黑色的呢？图片不是白色的呢？</small>
+                                  <small class="right-time">2015-3-24&nbsp;&nbsp;&nbsp;13:30:24</small>
+                                </span>
+                                <span>
+                                  <i class="iconfont">&#xe696;</i>
+                                  您好，该商品的颜色是灰色的，有货的商品都是实物拍摄，由于拍摄时的角度，光线等因素，
+                                  以及个人显示屏分辨率的不同，商品会与图片存在少许的色差，请您谅解。如有其他问题，
+                                  请登录"my有货",联系在线客服，感谢您对YOHO!有货的关注。
+                                </span>
+                              </p>
+                              <div class="common-zan">
+                                <div class="zan-content">
+                                <span class="icon-border"><i class="iconfont getzan">&#xe626;</i>赞（5）</span>
+                                <span><i class="iconfont">&#xe611;</i>有用（5）</span>
+                                </div>
+                              </div>
+                           </div>
+                           <div class="common-question">
+                              <p>
+
+                                <span>
+                                  <i class="iconfont">&#xe696;</i><small class="leave-message">
+                                  客服留言:&nbsp;&nbsp;感谢你的咨询，YOHO潮流网站双十一期间服装五折抢购
+                                  感谢您对有货YOHO!的关注</small>
+                                </span>
+                              </p>
+                              <div class="common-message">
+
+                              </div>
+                           </div>
+
+                           <div class="common-question">
+                              <textarea id="textbox"></textarea>
+                              <span id="submit-consult" class="btn">提交咨询</span>
+                           </div>
+
                         </div>
-                        <div class="consults cc-content">
+                        <!-- <div class="consults cc-content">
                             <h2>顾客咨询（<em class="consult-num">0</em>）</h2>
                             <ul id="consults-ul"></ul>
                             <p class="more-wrap">
@@ -421,7 +469,7 @@
                                     咨询成功，请等待客服回复
                                 </p>
                             </div>
-                        </div>
+                        </div> -->
                     </div>
                 {{/ consultComment}}
--- a/public/hbs/product/comment-item.hbs
View file @4e94b99
+++ b/public/hbs/product/comment-item.hbs
View file @4e94b99
@@ -7,6 +7,13 @@
         <dl class="pull-right">
             {{#if color}}<dd>颜色：{{color}}</dd>{{/if}}
             {{#if size}}<dd>尺码：{{size}}</dd>{{/if}}
+            {{#if height}}<dd>身高：{{height}} 厘米</dd>{{/if}}
+            {{#if weight}}<dd>体重：{{weight}} 公斤</dd>{{/if}}
+            <dd>尺码符合度：
+                {{#if_cond comfort "===" "MIDDLE"}}合适{{/if_cond}}
+                {{#if_cond comfort "===" "SMALL"}}偏小{{/if_cond}}
+                {{#if_cond comfort "===" "BIG"}}偏大{{/if_cond}}
+            </dd>
         </dl>
         <div class="comment-detail">
             <div class="tag-list clearfix">
@@ -14,7 +21,7 @@
                     <span class="star-{{star}} active"></span>
                 </span>
                 <dl class="horizontal-list pull-right">
-                    <dd>
+                    <dd>尺码符合度：
                         {{#if_cond comfort "===" "MIDDLE"}}合适{{/if_cond}}
                         {{#if_cond comfort "===" "SMALL"}}偏小{{/if_cond}}
                         {{#if_cond comfort "===" "BIG"}}偏大{{/if_cond}}
--- a/public/js/product/detail.page.js
View file @4e94b99
+++ b/public/js/product/detail.page.js
View file @4e94b99
@@ -718,30 +718,30 @@ $('#brand-favour').click(function() {
 //     }
 // });
-$('.description-material-tab').on('click', '.title', function() {
-    var $this = $(this),
-        index = $this.index();
-
-    var $sizeContent = $('.size-content'),
-        $modelContent = $('.model-content');
-
-    if ($this.hasClass('cur')) {
-        return;
-    }
-
-    $this.addClass('cur');
-    $this.siblings('.cur').removeClass('cur');
-
-    if (index === 0) {
-
-        // 商品信息
-        $sizeContent.slideDown(SLIDETIME);
-        $modelContent.slideUp(SLIDETIME);
-    } else {
-        $sizeContent.slideUp(SLIDETIME);
-        $modelContent.slideDown(SLIDETIME);
-    }
-});
+// $('.description-material-tab').on('click', '.title', function() {
+//     var $this = $(this),
+//         index = $this.index();
+//
+//     var $sizeContent = $('.size-content'),
+//         $modelContent = $('.model-content');
+//
+//     if ($this.hasClass('cur')) {
+//         return;
+//     }
+//
+//     $this.addClass('cur');
+//     $this.siblings('.cur').removeClass('cur');
+//
+//     if (index === 0) {
+//
+//         // 商品信息
+//         $sizeContent.slideDown(SLIDETIME);
+//         $modelContent.slideUp(SLIDETIME);
+//     } else {
+//         $sizeContent.slideUp(SLIDETIME);
+//         $modelContent.slideDown(SLIDETIME);
+//     }
+// });
 // 售后服务
 $('.after-service-switch').click(function() {
--- a/public/scss/product/_detail.css
View file @4e94b99
+++ b/public/scss/product/_detail.css
View file @4e94b99
@@ -953,9 +953,9 @@
         }
     }
-    .cc-content {
+      .cc-content {
         background: #f5f7f6;
-        padding: 20px 20px 0;
+        padding: 20px 0px 0px;
         font-size: 12px;
         .comment-star {
@@ -1704,6 +1704,29 @@
          font-size: 14px;
          margin : 30px auto;
+         textarea{
+            width: 100%;
+            height: 130px;
+            padding: 5px;
+            outline: #e0e0e0;
+            resize: none;
+            background-color: #f5f5f5;
+         }
+
+         .btn{
+           display: block;
+            width: 140px;
+            height: 32px;
+            line-height: 32px;
+            color: #fff;
+            background: #222;
+            text-align: center;
+            font-size: 12px;
+            margin: 0 auto;
+            cursor: pointer;
+            margin-top: 20px;
+         }
+
         span{
            display:block;
@@ -1712,10 +1735,14 @@
            i{
              margin-right: 8px;
-             color: #000;
+             /*color: #000;*/
              font-size: 18px;
             }
+            .leave-message{
+              color: #000;
+            }
+
          }
          .top-question{
@@ -1743,6 +1770,11 @@
             cursor: pointer;
          }
+          .common-message{
+            border-bottom: 2px solid #ccc;
+            min-height: 30px;
+          }
+
          .common-zan{
            border-bottom: 2px solid #ccc;
@@ -1764,6 +1796,11 @@
                  font-size: 20px;
                }
+               .getzan{
+                 color:#d0001b;
+                 font-size: 22px;
+               }
+
               }
               .icon-border{
@@ -1789,3 +1826,17 @@
        }
      }
+
+     #judge{
+       margin: 10px 40px 10px 40px;
+
+
+       .judge-content{
+         background-color: #fff;
+       }
+
+       .comment-tabs{
+         margin-left: 30px;
+       }
+
+     }