Authored by 郭成尧

doubleImage

@@ -81,6 +81,22 @@ @@ -81,6 +81,22 @@
81 </div> 81 </div>
82 </div> 82 </div>
83 {{/isEqual}} 83 {{/isEqual}}
  84 + {{#isEqual module_type 'SingleImage'}}
  85 + <div class="items-s1">
  86 + <div class="item">
  87 + <img class="item-pic" src="{{../pic}}" alt="">
  88 + </div>
  89 + </div>
  90 + {{/isEqual}}
  91 + {{#isEqual module_type 'DoubleImage'}}
  92 + <div class="items-s2">
  93 + {{#each ../pics}}
  94 + <div class="item">
  95 + <img class="item-pic" src="{{src}}" alt="">
  96 + </div>
  97 + {{/each}}
  98 + </div>
  99 + {{/isEqual}}
84 {{/each}} 100 {{/each}}
85 </div> 101 </div>
86 {{!--shop-tab: 全部商品--}} 102 {{!--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 10:37:26 5 + * @Last Modified time: 2017-03-24 11:07:28
6 */ 6 */
7 // 红人店铺首页 7 // 红人店铺首页
8 8
@@ -84,7 +84,7 @@ @@ -84,7 +84,7 @@
84 } 84 }
85 } 85 }
86 86
87 -.shop-hot { 87 +.red-shop-index {
88 .item { 88 .item {
89 position: relative; 89 position: relative;
90 } 90 }
@@ -121,7 +121,9 @@ @@ -121,7 +121,9 @@
121 position: relative; 121 position: relative;
122 122
123 .item { 123 .item {
  124 + width: 50%;
124 height: 234px; 125 height: 234px;
  126 + float: left;
125 } 127 }
126 128
127 .item-info { 129 .item-info {
@@ -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 10:32:59 5 + * @Last Modified time: 2017-03-24 11:08:38
6 */ 6 */
7 /* 红人店铺数据处理 */ 7 /* 红人店铺数据处理 */
8 8
@@ -23,7 +23,7 @@ const _tools = { @@ -23,7 +23,7 @@ const _tools = {
23 return { 23 return {
24 module_type: 'Title', 24 module_type: 'Title',
25 text: _.get(moduleData, 'data[0].text', ''), 25 text: _.get(moduleData, 'data[0].text', ''),
26 - margin: _.get(moduleData, 'properties.isModuleMargin', false) 26 + isModuleMargin: _.get(moduleData, 'properties.isModuleMargin', false)
27 }; 27 };
28 }, 28 },
29 29
@@ -39,6 +39,11 @@ const _tools = { @@ -39,6 +39,11 @@ const _tools = {
39 pic: _.get(moduleData, 'data[0].pic', ''), 39 pic: _.get(moduleData, 'data[0].pic', ''),
40 }; 40 };
41 }, 41 },
  42 +
  43 + /**
  44 + * 轮播图
  45 + * @param {*} moduleData
  46 + */
42 carouselImage(moduleData) { 47 carouselImage(moduleData) {
43 let pics = []; 48 let pics = [];
44 49
@@ -54,11 +59,41 @@ const _tools = { @@ -54,11 +59,41 @@ const _tools = {
54 pics: pics 59 pics: pics
55 }; 60 };
56 }, 61 },
  62 +
  63 + /**
  64 + * 一张图片
  65 + * @param {*} moduleData
  66 + */
57 singleImage(moduleData) { 67 singleImage(moduleData) {
58 - return moduleData; 68 + return {
  69 + module_type: 'SingleImage',
  70 + pic: _.get(moduleData, 'data[0].pic', ''),
  71 + text: _.get(moduleData, 'data[0].text', ''),
  72 + width: _.get(moduleData, 'properties.width', ''),
  73 + height: _.get(moduleData, 'data[0].text', ''),
  74 + moduleHeight: _.get(moduleData, 'properties.moduleHeight', ''),
  75 + isModuleMargin: _.get(moduleData, 'properties.isModuleMargin', false),
  76 + };
59 }, 77 },
  78 +
  79 + /**
  80 + * 两张图片
  81 + * @param {*} moduleData
  82 + */
60 doubleImage(moduleData) { 83 doubleImage(moduleData) {
61 - return moduleData; 84 + let pics = [];
  85 +
  86 + _.forEach(_.get(moduleData, 'data', []), value => {
  87 + pics.push({
  88 + src: value.pic
  89 + });
  90 + });
  91 +
  92 + return {
  93 + module_type: 'DoubleImage',
  94 + pics: pics,
  95 + isModuleMargin: _.get(moduleData, 'properties.isModuleMargin', false),
  96 + };
62 }, 97 },
63 tripleImage(moduleData) { 98 tripleImage(moduleData) {
64 return moduleData; 99 return moduleData;