fe / yohobuywap-node · Commits

Go to a project

Authored by 郭成尧
Commit be77c1f3c5ea14dc65f90ef4940ebb2bddbb507a 1 parent 02c052b0

relatedReco-base-style

Inline Side-by-side
Showing 4 changed files with 51 additions and 76 deletions
... ... @@ -108,36 +108,11 @@
{{/if}}
{{#if relatedReco}}
<div class="post-block related-reco-block clearfix">
<h2>相关推荐</h2>
{{#if relatedReco.id}}
{{#with relatedReco}}
<div class="one-good">
<img class="thumb lazy" data-original={{thumb}}>
<div class="content-container">
<p>
<span class="reco-name">{{product_name}}</span>
</p>
<p class="price">
<span class="sale-price {{^price}}no-price{{/price}}">&yen;{{sales_price}}</span>
{{#market_price}}
<span class="market-price">&yen;{{.}}</span>
{{/market_price}}
<a class="check-detail" href={{url}}>
查看详情
</a>
</p>
</div>
</div>
{{/with}}
{{^}}
<div class="good-list clearfix">
{{# relatedReco}}
{{> common/goods}}
{{/ relatedReco}}
</div>
{{/if}}
</div>
<div class="post-block related-reco-block clearfix">
{{#each relatedReco}}
{{> detail/related-reco}}
{{/each}}
</div>
{{/if}}
{{/ content}}
</div>
... ...
<div class="one-good clearfix">
<img class="thumb lazy" data-original="{{image2 default_images w=152 h=204}}">
<div class="content-container">
<p>
<span class="reco-name">{{product_name}}</span>
</p>
<p class="price">
<span class="sale-price">&yen;{{sales_price}}</span>
</p>
<p>
<span class="check-detail">
<span class="iconfont">&#xe62c;</span>
<span class="iconfont plus">&#xe624;</span>
</span>
</p>
</div>
</div>
\ No newline at end of file
... ...
... ... @@ -323,37 +323,27 @@ $focus-size: 42px;
.related-reco-block {
background: #fff;
padding-left: 15px;
border-top: 1px solid #e0e0e0;
h2 {
margin-left: -15px;
line-height: 104px;
font-size: 15PX;
color: #b0b0b0;
text-align: center;
}
.one-good {
padding-left: 15px;
padding-right: 30px;
margin-bottom: 20px;
padding: 20px 0;
border-top: 1px solid #e0e0e0;
.thumb {
float: left;
height: 134px;
width: 96px;
height: 204px;
width: 152px;
margin: 0;
padding: 0;
}
.content-container {
padding-left: 120px;
height: 134px;
line-height: 1;
font-size: 24px;
width: 458px;
float: left;
font-size: 22px;
margin-left: 20px;
> p {
height: 50%;
line-height: 94px;
line-height: 80px;
}
span {
... ... @@ -384,12 +374,15 @@ $focus-size: 42px;
.check-detail {
display: inline-block;
color: #000;
border: 1px solid;
border-radius: 2PX;
background-color: #f0f0f0;
color: #444;
border-radius: 20px;
float: right;
padding: 0 5px;
line-height: 1.5;
padding: 10px 20px;
}
.check-detail > .plus {
font-size: 12px;
}
}
}
... ...
... ... @@ -326,27 +326,22 @@ const processArticleDetail = (articleContent, isApp, gender, isWeixin, isqq, isW
}
}
// 相关推荐
// 相关商品 170505 更改了前端样式
if (_.get(value, 'goods.data', false)) {
let relatedReco = [];
let moreThanOne = _.get(value, 'goods.data', []).length > 1;
_.forEach(_.get(value, 'goods.data', []), item => {
allgoods += item.id + ',';
});
if (moreThanOne) {
relatedReco = _.get(value, 'goods.data', []);
} else {
relatedReco = _.get(value, 'goods.data[0]', {});
}
relatedReco = _.get(value, 'goods.data', []);
finalDetail.push({
relatedReco: relatedReco
});
}
// 悬停浮动商品
// 悬停浮动商品 170505 后面版本不支持配置此资源，重构可忽略此部分
if (_.get(value, 'goodsGroup.data', false)) {
let collocation = [];
... ... @@ -377,6 +372,10 @@ const processArticleDetail = (articleContent, isApp, gender, isWeixin, isqq, isW
});
}
// 170505 新添加推荐商品
if (_.get(value, '', false)) {
console.log('^-^');
}
});
return {
... ... @@ -392,18 +391,9 @@ const pushGoodsInfo = (finalDetail, goodsList) => {
let goodsObj = _goodsArrayToObj(productPrcs.processProductList(goodsList));
_.forEach(finalDetail, (value, key) => {
if (value.relatedReco && _.isArray(value.relatedReco)) {
_.forEach(value.relatedReco, (item, subKey) => {
finalDetail[key].relatedReco[subKey] = goodsObj[item.id];
});
}
if (value.relatedReco && _.isObject(value.relatedReco)) {
_.assign(finalDetail[key].relatedReco, goodsObj[_.get(value, 'relatedReco.id', 'false')], {
thumb: helpers.image(_.get(value, 'relatedReco.src', ''), 235, 314)
});
}
_.forEach(value.relatedReco, (item, subKey) => {
finalDetail[key].relatedReco[subKey] = goodsObj[item.id];
});
if (value.collocation) {
_.forEach(value.collocation, (item, subKey) => {
... ...