Authored by ccbikai

断码区资源位修改

{{#data}}
{{> common/floor-header-more}}
{{log this}}
<div class="goods-category">
{{# bigImage}}
{{#if bigList}}
... ...
{{#data}}
{{> common/floor-header-more}}
{{> resources/banner-top}}
{{/data}}
{{> resources/left-right}}
... ...
... ... @@ -22,6 +22,7 @@
@import "fresh-only";
@import "coupon";
@import "discount-list";
@import "left-right";
.mobile-container {
margin-left: auto;
... ...
.left-right-thumb-row {
background-color: #fff;
text-align: center;
margin-bottom: 30px;
padding: 30px 0;
border-bottom: 1px solid #e0e0e0;
.thumb-row-box {
display: inline-block;
width: 275px;
height: 132px;
border-radius: 0;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
margin: 0 14.4px;
&.first {
margin: 0 !important;
}
}
.left-thumb-row-box {
height: 308px;
}
.right-container {
display: inline-block;
width: 275px;
height: 280px;
border-radius: 4px;
margin: 0 14.4px;
.right-thumb-row-box {
margin: 32px 0 0;
}
}
}
... ...
... ... @@ -53,6 +53,7 @@ a {
}
.main-wrap {
position: relative;
margin-right: auto;
margin-left: auto;
max-width: 640px;
... ...
... ... @@ -8,39 +8,7 @@
}
.left-right-thumb-row {
background-color: #f0f0f0;
text-align: center;
padding: 32px 0;
.thumb-row-box {
display: inline-block;
width: 275px;
height: 132px;
border-radius: 0;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
margin: 0 14.4px;
&.first {
margin: 0 !important;
}
}
.left-thumb-row-box {
height: 308px;
}
.right-container {
display: inline-block;
width: 275px;
height: 280px;
border-radius: 4px;
margin: 0 14.4px;
.right-thumb-row-box {
margin: 32px 0 0;
}
}
background: #f0f0f0;
border-bottom: none;
}
}
... ...
... ... @@ -56,6 +56,16 @@ module.exports = (list) => {
});
}
// 断码区 , 此资源位数据结构比较坑
if (floor.offCodeArea && floor.data && floor.data.list.length) {
floor.data = {
title: floor.data.title,
data: [floor.data.list[0]],
left: [floor.data.list[1]],
right: floor.data.list.slice(2)
};
}
formatData.push(floor);
});
... ...