Authored by 郭成尧

lettle-bug

{{#unless isApp}}
<div class="label-box" style="top: {{top}}px; left: {{left}}px;" data-skn="{{product_skn}}">
<div class="lable-focus">
<div class="focus-big">
... ... @@ -5,10 +6,9 @@
</div>
</div>
<div class="lable-info-box{{#if isApp}} lable-infobox-borderadius{{/if}}"><a href="{{href}}">{{tagName}}</a></div>
{{#unless isApp}}
<div class="lable-btn add-to-cart" data-skn="{{product_skn}}">
<span class="iconfont">&#xe62c;</span>
<span class="iconfont plus">&#xe624;</span>
</div>
{{/unless}}
</div>
\ No newline at end of file
</div>
{{/unless}}
\ No newline at end of file
... ...
... ... @@ -3,17 +3,19 @@
<img class="thumb lazy" data-original="{{image2 default_images w=152 h=204}}">
</a>
<div class="content-container">
<p class="reco-name">
<a href="{{url}}"><span>{{product_name}}</span></a>
</p>
<p class="price">
<a href="{{url}}"><span class="sale-price">&yen;{{sales_price}}</span></a>
</p>
<a href="{{url}}">
<p class="reco-name">
<span>{{product_name}}</span>
</p>
<p class="price">
<span class="sale-price">&yen;{{sales_price}}</span>
</p>
</a>
{{#unless isApp}}
<p>
<span class="check-detail add-to-cart" data-skn="{{product_skn}}">
<span class="iconfont">&#xe62c;</span>
<span class="iconfont plus">&#xe624;</span>
<span class="iconfont plus">&#xe624;</span>
</span>
</p>
{{/unless}}
... ...
... ... @@ -6,6 +6,7 @@ const about = (isApp) => {
return api.get('', {
method: 'app.document.config'
}, {
cache: true,
code: 200
}).then(result => {
if (result && result.data) {
... ...
... ... @@ -2,7 +2,7 @@
* @Author: Targaryen
* @Date: 2017-05-08 09:43:20
* @Last Modified by: Targaryen
* @Last Modified time: 2017-05-08 10:59:37
* @Last Modified time: 2017-05-09 11:31:56
*/
const $ = require('yoho-jquery');
... ... @@ -20,6 +20,8 @@ $addToCart.on('click', function(e) {
}, function(data) {
chosePanel.show({data}).then(result => {
detailFuns.addToCart(result.sku.skuId, productSkn, result.buyNum);
}).catch(error => {
console.log(error);
});
});
});
... ...
... ... @@ -323,12 +323,12 @@ $focus-size: 42px;
&.focus .thumb-img {
border-color: #000;
}
}
.thumb-img {
height: 134px;
width: 96px;
border: 1px solid transparent;
.thumb-img {
height: 134px;
width: 96px;
border: 1px solid transparent;
}
}
.related-reco-block {
... ...
... ... @@ -2,62 +2,63 @@
* @Author: Targaryen
* @Date: 2017-05-03 14:08:52
* @Last Modified by: Targaryen
* @Last Modified time: 2017-05-08 16:35:32
* @Last Modified time: 2017-05-09 11:13:08
*/
.product-list-box {
margin: 40px 20px 30px;
overflow-x: scroll;
overflow-y: hidden;
}
.product-list {
height: 138px;
overflow-y: hidden;
display: inline-flex;
.goods-box {
width: 320px;
height: 138px;
border-radius: 8px;
float: left;
margin-right: 20px;
background-color: #f0f0f0;
.guang-list-page {
.product-list-box {
margin: 40px 20px 0;
overflow-x: scroll;
overflow-y: hidden;
}
.goods-box > .goods-img {
width: 106px;
.product-list {
height: 138px;
float: left;
overflow-y: hidden;
display: inline-flex;
img {
border-bottom-left-radius: 8px;
border-top-left-radius: 8px;
width: 100%;
height: 100%;
.goods-box {
width: 320px;
height: 138px;
border-radius: 8px;
float: left;
margin-right: 20px;
background-color: #f0f0f0;
}
}
.goods-box > .goods-info {
width: 214px;
height: 138px;
padding: 16px;
float: left;
.goods-box > .goods-img {
width: 106px;
height: 138px;
float: left;
.title {
font-size: 22px;
color: #444;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
img {
border-bottom-left-radius: 8px;
border-top-left-radius: 8px;
width: 100%;
height: 100%;
}
}
.price {
color: #d0021b;
font-size: 20px;
margin-top: 20px;
.goods-box > .goods-info {
width: 214px;
height: 138px;
padding: 16px;
float: left;
.title {
font-size: 22px;
color: #444;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.price {
color: #d0021b;
font-size: 20px;
margin-top: 20px;
}
}
}
}
... ...