fe / yohobuy-node · Commits

Go to a project

Authored by mark
Commit 4e94b9999b270012b98f04e825b5018d16e01355 1 parent f479a006

修改评论

Inline Side-by-side
Showing 4 changed files with 142 additions and 36 deletions
... ... @@ -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}}
... ...
... ... @@ -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}}
... ...
... ... @@ -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() {
... ...
... ... @@ -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;
}
}
... ...