Authored by 郭成尧

TripleImage

@@ -97,6 +97,18 @@ @@ -97,6 +97,18 @@
97 {{/each}} 97 {{/each}}
98 </div> 98 </div>
99 {{/isEqual}} 99 {{/isEqual}}
  100 + {{#isEqual module_type 'TripleImage'}}
  101 + <div class="{{#isEqual ../displayType '1'}}items-3-2 items-3-2-left{{/isEqual}}
  102 + {{#isEqual ../displayType '2'}}items-3-2 items-3-2-right{{/isEqual}}
  103 + {{#isEqual ../displayType '3'}}items-3-3{{/isEqual}}
  104 + {{#isEqual ../displayType '4'}}items-3-3 items-small{{/isEqual}}">
  105 + {{#each ../pics}}
  106 + <div class="item">
  107 + <img class="item-pic" src="{{src}}" alt="">
  108 + </div>
  109 + {{/each}}
  110 + </div>
  111 + {{/isEqual}}
100 {{/each}} 112 {{/each}}
101 </div> 113 </div>
102 {{!--shop-tab: 全部商品--}} 114 {{!--shop-tab: 全部商品--}}
@@ -2,7 +2,7 @@ @@ -2,7 +2,7 @@
2 * @Author: Targaryen 2 * @Author: Targaryen
3 * @Date: 2017-03-23 17:12:53 3 * @Date: 2017-03-23 17:12:53
4 * @Last Modified by: Targaryen 4 * @Last Modified by: Targaryen
5 - * @Last Modified time: 2017-03-24 11:07:28 5 + * @Last Modified time: 2017-03-24 11:23:25
6 */ 6 */
7 // 红人店铺首页 7 // 红人店铺首页
8 8
@@ -136,6 +136,7 @@ @@ -136,6 +136,7 @@
136 } 136 }
137 137
138 .items-3-2 { 138 .items-3-2 {
  139 + width: 100%;
139 font-size: 18px; 140 font-size: 18px;
140 overflow: hidden; 141 overflow: hidden;
141 142
@@ -2,7 +2,7 @@ @@ -2,7 +2,7 @@
2 * @Author: Targaryen 2 * @Author: Targaryen
3 * @Date: 2017-03-23 11:02:31 3 * @Date: 2017-03-23 11:02:31
4 * @Last Modified by: Targaryen 4 * @Last Modified by: Targaryen
5 - * @Last Modified time: 2017-03-24 11:08:38 5 + * @Last Modified time: 2017-03-24 11:18:28
6 */ 6 */
7 /* 红人店铺数据处理 */ 7 /* 红人店铺数据处理 */
8 8
@@ -11,6 +11,21 @@ const _ = require('lodash'); @@ -11,6 +11,21 @@ const _ = require('lodash');
11 let countCarouselImage = 0; // 轮播图模块统计 11 let countCarouselImage = 0; // 轮播图模块统计
12 12
13 /** 13 /**
  14 + * 图片处理
  15 + * @param {*} moduleData
  16 + */
  17 +const _picsHandle = (moduleData) => {
  18 + let pics = [];
  19 +
  20 + _.forEach(_.get(moduleData, 'data', []), value => {
  21 + pics.push({
  22 + src: value.pic
  23 + });
  24 + });
  25 + return pics;
  26 +};
  27 +
  28 +/**
14 * 红人店铺楼层数据处理工具 29 * 红人店铺楼层数据处理工具
15 */ 30 */
16 const _tools = { 31 const _tools = {
@@ -45,18 +60,10 @@ const _tools = { @@ -45,18 +60,10 @@ const _tools = {
45 * @param {*} moduleData 60 * @param {*} moduleData
46 */ 61 */
47 carouselImage(moduleData) { 62 carouselImage(moduleData) {
48 - let pics = [];  
49 -  
50 - _.forEach(_.get(moduleData, 'data', []), value => {  
51 - pics.push({  
52 - src: value.pic  
53 - });  
54 - });  
55 -  
56 return { 63 return {
57 module_type: 'CarouselImage', 64 module_type: 'CarouselImage',
58 num: countCarouselImage, 65 num: countCarouselImage,
59 - pics: pics 66 + pics: _picsHandle(moduleData)
60 }; 67 };
61 }, 68 },
62 69
@@ -81,22 +88,24 @@ const _tools = { @@ -81,22 +88,24 @@ const _tools = {
81 * @param {*} moduleData 88 * @param {*} moduleData
82 */ 89 */
83 doubleImage(moduleData) { 90 doubleImage(moduleData) {
84 - let pics = [];  
85 -  
86 - _.forEach(_.get(moduleData, 'data', []), value => {  
87 - pics.push({  
88 - src: value.pic  
89 - });  
90 - });  
91 -  
92 return { 91 return {
93 module_type: 'DoubleImage', 92 module_type: 'DoubleImage',
94 - pics: pics, 93 + pics: _picsHandle(moduleData),
95 isModuleMargin: _.get(moduleData, 'properties.isModuleMargin', false), 94 isModuleMargin: _.get(moduleData, 'properties.isModuleMargin', false),
96 }; 95 };
97 }, 96 },
  97 +
  98 + /**
  99 + * 三张图片
  100 + * @param {*} moduleData
  101 + */
98 tripleImage(moduleData) { 102 tripleImage(moduleData) {
99 - return moduleData; 103 + return {
  104 + module_type: 'TripleImage',
  105 + pics: _picsHandle(moduleData),
  106 + isModuleMargin: _.get(moduleData, 'properties.isModuleMargin', false),
  107 + displayType: _.get(moduleData, 'properties.displayType', 1),
  108 + };
100 }, 109 },
101 sknList(moduleData) { 110 sknList(moduleData) {
102 return moduleData; 111 return moduleData;