Authored by yyq

品牌介绍

@@ -22,7 +22,7 @@ const helpers = global.yoho.helpers; @@ -22,7 +22,7 @@ const helpers = global.yoho.helpers;
22 * @param brand 品牌相关数据 22 * @param brand 品牌相关数据
23 * @return Object 23 * @return Object
24 */ 24 */
25 -const setBrandBanner = (brand) => { 25 +const _setBrandBanner = (brand) => {
26 let data = { 26 let data = {
27 bgColor: '#93897d', 27 bgColor: '#93897d',
28 brandLogo: { 28 brandLogo: {
@@ -34,7 +34,9 @@ const setBrandBanner = (brand) => { @@ -34,7 +34,9 @@ const setBrandBanner = (brand) => {
34 } 34 }
35 }; 35 };
36 36
37 - return data; 37 + return {
  38 + brandBanner: data
  39 + };
38 }; 40 };
39 41
40 /** 42 /**
@@ -42,7 +44,7 @@ const setBrandBanner = (brand) => { @@ -42,7 +44,7 @@ const setBrandBanner = (brand) => {
42 * @param base 商品基础数据 44 * @param base 商品基础数据
43 * @return Object 45 * @return Object
44 */ 46 */
45 -const setProductData = (base) => { 47 +const _setProductData = (base) => {
46 let data = { 48 let data = {
47 name: base.productName, 49 name: base.productName,
48 brandName: _.has(base, 'brand.brandName') ? base.brand.brandName : '', 50 brandName: _.has(base, 'brand.brandName') ? base.brand.brandName : '',
@@ -150,8 +152,25 @@ const setProductData = (base) => { @@ -150,8 +152,25 @@ const setProductData = (base) => {
150 return data; 152 return data;
151 }; 153 };
152 154
  155 +const _setBrandIntro = (brand) => {
  156 + let barndIntro = {};
  157 +
  158 + if (brand) {
  159 + barndIntro = {
  160 + brand: {
  161 + titleEn: 'BRAND',
  162 + titleCn: '品牌介绍',
  163 + logo: brand.brandIco,
  164 + intro: brand.brandIntro
  165 + }
  166 + }
  167 + }
  168 + return barndIntro;
  169 +}
  170 +
153 let getProductItemData = (params) => { 171 let getProductItemData = (params) => {
154 let pid = params[0]; 172 let pid = params[0];
  173 +
155 // let gid = params[1]; 174 // let gid = params[1];
156 175
157 return Promise.all([ 176 return Promise.all([
@@ -166,15 +185,17 @@ let getProductItemData = (params) => { @@ -166,15 +185,17 @@ let getProductItemData = (params) => {
166 } 185 }
167 186
168 if (result[0].brand) { 187 if (result[0].brand) {
169 - Object.assign(data, {  
170 - brandBanner: setBrandBanner(result[0].brand)  
171 - }); 188 + Object.assign(data, _setBrandBanner(result[0].brand));
  189 +
  190 + Object.assign(data, _setBrandIntro(result[0].brand));
172 } 191 }
173 192
174 Object.assign(data, { 193 Object.assign(data, {
175 - goodInfo: setProductData(result[0]) 194 + goodInfo: _setProductData(result[0])
176 }); 195 });
177 196
  197 + console.log(data);
  198 +
178 return data; 199 return data;
179 }); 200 });
180 }; 201 };
@@ -96,15 +96,21 @@ @@ -96,15 +96,21 @@
96 {{/ goodInfo}} 96 {{/ goodInfo}}
97 97
98 <div class="other-info"> 98 <div class="other-info">
99 - <div class="info-block">  
100 - <div class="block-title">  
101 - <label class="title-wrapper">  
102 - <span class="en">BRAND</span><br>  
103 - <span class="cn">品牌介绍</span>  
104 - </label> 99 + {{# brand}}
  100 + <div class="info-block">
  101 + <div class="block-title">
  102 + <label class="title-wrapper">
  103 + <span class="en">{{titleEn}}</span><br>
  104 + <span class="cn">{{titleCn}}</span>
  105 + </label>
  106 + </div>
  107 + <div class="intro-block">
  108 + <img src="{{image logo 250 84}}">
  109 + <div class="intro-text">{{{intro}}}</div>
  110 + </div>
105 </div> 111 </div>
106 - 品牌介绍  
107 - </div> 112 + {{/ brand}}
  113 +
108 {{# description}} 114 {{# description}}
109 <div class="info-block"> 115 <div class="info-block">
110 <div class="block-title"> 116 <div class="block-title">
@@ -49,7 +49,7 @@ @@ -49,7 +49,7 @@
49 .option-content { 49 .option-content {
50 width: 226px; 50 width: 226px;
51 margin: 0 auto; 51 margin: 0 auto;
52 - padding: 40px 0; 52 + padding: 40px 0 30px;
53 53
54 > p { 54 > p {
55 line-height: 50px; 55 line-height: 50px;
@@ -79,6 +79,7 @@ @@ -79,6 +79,7 @@
79 float: left; 79 float: left;
80 padding: 0 12px; 80 padding: 0 12px;
81 margin-right: 10px; 81 margin-right: 10px;
  82 + margin-bottom: 10px;
82 text-align: center; 83 text-align: center;
83 border: 1px solid #f0f0f0; 84 border: 1px solid #f0f0f0;
84 font-weight: bold; 85 font-weight: bold;
@@ -111,8 +112,25 @@ @@ -111,8 +112,25 @@
111 font-size: 14px; 112 font-size: 14px;
112 padding-bottom: 40px; 113 padding-bottom: 40px;
113 114
  115 + .intro-block {
  116 + padding-left: 270px;
  117 + position: relative;
  118 +
  119 + > img {
  120 + position: absolute;
  121 + top: 50%;
  122 + left: 0;
  123 + margin-top: -42px;
  124 + }
  125 +
  126 + .intro-text img {
  127 + display: none;
  128 + }
  129 + }
  130 +
114 .des-basic { 131 .des-basic {
115 width: 1140px; 132 width: 1140px;
  133 +
116 li { 134 li {
117 float: left; 135 float: left;
118 width: 380px; 136 width: 380px;