Showing
7 changed files
with
54 additions
and
36 deletions
| @@ -22,6 +22,7 @@ | @@ -22,6 +22,7 @@ | ||
| 22 | @import "fresh-only"; | 22 | @import "fresh-only"; |
| 23 | @import "coupon"; | 23 | @import "coupon"; |
| 24 | @import "discount-list"; | 24 | @import "discount-list"; |
| 25 | +@import "left-right"; | ||
| 25 | 26 | ||
| 26 | .mobile-container { | 27 | .mobile-container { |
| 27 | margin-left: auto; | 28 | margin-left: auto; |
public/scss/channel/_left-right.css
0 → 100644
| 1 | +.left-right-thumb-row { | ||
| 2 | + background-color: #fff; | ||
| 3 | + text-align: center; | ||
| 4 | + margin-bottom: 30px; | ||
| 5 | + padding: 30px 0; | ||
| 6 | + border-bottom: 1px solid #e0e0e0; | ||
| 7 | + | ||
| 8 | + .thumb-row-box { | ||
| 9 | + display: inline-block; | ||
| 10 | + width: 275px; | ||
| 11 | + height: 132px; | ||
| 12 | + border-radius: 0; | ||
| 13 | + background-size: 100% 100%; | ||
| 14 | + background-repeat: no-repeat; | ||
| 15 | + background-position: center; | ||
| 16 | + margin: 0 14.4px; | ||
| 17 | + | ||
| 18 | + &.first { | ||
| 19 | + margin: 0 !important; | ||
| 20 | + } | ||
| 21 | + } | ||
| 22 | + | ||
| 23 | + .left-thumb-row-box { | ||
| 24 | + height: 308px; | ||
| 25 | + } | ||
| 26 | + | ||
| 27 | + .right-container { | ||
| 28 | + display: inline-block; | ||
| 29 | + width: 275px; | ||
| 30 | + height: 280px; | ||
| 31 | + border-radius: 4px; | ||
| 32 | + margin: 0 14.4px; | ||
| 33 | + | ||
| 34 | + .right-thumb-row-box { | ||
| 35 | + margin: 32px 0 0; | ||
| 36 | + } | ||
| 37 | + } | ||
| 38 | +} |
| @@ -8,39 +8,7 @@ | @@ -8,39 +8,7 @@ | ||
| 8 | } | 8 | } |
| 9 | 9 | ||
| 10 | .left-right-thumb-row { | 10 | .left-right-thumb-row { |
| 11 | - background-color: #f0f0f0; | ||
| 12 | - text-align: center; | ||
| 13 | - padding: 32px 0; | ||
| 14 | - | ||
| 15 | - .thumb-row-box { | ||
| 16 | - display: inline-block; | ||
| 17 | - width: 275px; | ||
| 18 | - height: 132px; | ||
| 19 | - border-radius: 0; | ||
| 20 | - background-size: 100% 100%; | ||
| 21 | - background-repeat: no-repeat; | ||
| 22 | - background-position: center; | ||
| 23 | - margin: 0 14.4px; | ||
| 24 | - | ||
| 25 | - &.first { | ||
| 26 | - margin: 0 !important; | ||
| 27 | - } | ||
| 28 | - } | ||
| 29 | - | ||
| 30 | - .left-thumb-row-box { | ||
| 31 | - height: 308px; | ||
| 32 | - } | ||
| 33 | - | ||
| 34 | - .right-container { | ||
| 35 | - display: inline-block; | ||
| 36 | - width: 275px; | ||
| 37 | - height: 280px; | ||
| 38 | - border-radius: 4px; | ||
| 39 | - margin: 0 14.4px; | ||
| 40 | - | ||
| 41 | - .right-thumb-row-box { | ||
| 42 | - margin: 32px 0 0; | ||
| 43 | - } | ||
| 44 | - } | 11 | + background: #f0f0f0; |
| 12 | + border-bottom: none; | ||
| 45 | } | 13 | } |
| 46 | } | 14 | } |
| @@ -56,6 +56,16 @@ module.exports = (list) => { | @@ -56,6 +56,16 @@ module.exports = (list) => { | ||
| 56 | }); | 56 | }); |
| 57 | } | 57 | } |
| 58 | 58 | ||
| 59 | + // 断码区 ， 此资源位数据结构比较坑 | ||
| 60 | + if (floor.offCodeArea && floor.data && floor.data.list.length) { | ||
| 61 | + floor.data = { | ||
| 62 | + title: floor.data.title, | ||
| 63 | + data: [floor.data.list[0]], | ||
| 64 | + left: [floor.data.list[1]], | ||
| 65 | + right: floor.data.list.slice(2) | ||
| 66 | + }; | ||
| 67 | + } | ||
| 68 | + | ||
| 59 | formatData.push(floor); | 69 | formatData.push(floor); |
| 60 | }); | 70 | }); |
| 61 | 71 |
-
Please register or login to post a comment