Showing
3 changed files
with
61 additions
and
16 deletions
@@ -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; |
-
Please register or login to post a comment