guang detail css html modify
Showing
3 changed files
with
66 additions
and
5 deletions
@@ -169,7 +169,9 @@ | @@ -169,7 +169,9 @@ | ||
169 | {{# relatedPost}} | 169 | {{# relatedPost}} |
170 | <li> | 170 | <li> |
171 | <a href="{{url}}"> | 171 | <a href="{{url}}"> |
172 | - <span class="bg-img" style="background-image:url({{imgUrl}})"></span> | 172 | + <span class="bg-img"> |
173 | + <img src="{{imgUrl}}" alt=""> | ||
174 | + </span> | ||
173 | <div class="post-title"> | 175 | <div class="post-title"> |
174 | <h2>{{title}}</h2> | 176 | <h2>{{title}}</h2> |
175 | </div> | 177 | </div> |
@@ -115,9 +115,15 @@ | @@ -115,9 +115,15 @@ | ||
115 | } | 115 | } |
116 | .article-small-pic { | 116 | .article-small-pic { |
117 | text-align: center; | 117 | text-align: center; |
118 | + font-size: 0; | ||
118 | img { | 119 | img { |
119 | display: inline-block; | 120 | display: inline-block; |
121 | + *display: inline; | ||
122 | + *zoom: 1; | ||
120 | max-width: 412px; | 123 | max-width: 412px; |
124 | + &:first-child { | ||
125 | + margin: 0 6px 0 0; | ||
126 | + } | ||
121 | } | 127 | } |
122 | } | 128 | } |
123 | 129 | ||
@@ -259,10 +265,15 @@ | @@ -259,10 +265,15 @@ | ||
259 | display: block; | 265 | display: block; |
260 | width: 100%; | 266 | width: 100%; |
261 | height: 173px; | 267 | height: 173px; |
262 | - background-size: cover; | ||
263 | - -webkit-background-size: cover; | ||
264 | - -moz-background-size: cover; | ||
265 | - background-position: center; | 268 | + line-height: 173px; |
269 | + text-align: center; | ||
270 | + font-size: 0; | ||
271 | + | ||
272 | + img { | ||
273 | + max-width: 100%; | ||
274 | + max-height: 100%; | ||
275 | + vertical-align: middle; | ||
276 | + } | ||
266 | } | 277 | } |
267 | .post-title { | 278 | .post-title { |
268 | margin: 8px 0 0 0; | 279 | margin: 8px 0 0 0; |
@@ -202,6 +202,54 @@ class GuangController extends AbstractAction | @@ -202,6 +202,54 @@ class GuangController extends AbstractAction | ||
202 | ), | 202 | ), |
203 | 'url' => '' | 203 | 'url' => '' |
204 | ) | 204 | ) |
205 | + ), | ||
206 | + array( | ||
207 | + 'withInfo' => array( | ||
208 | + 'thumb' => 'http://img13.static.yhbimg.com/goodsimg/2015/03/02/08/023f696cf1ae78688bc6c8edeccc480c2c.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90', | ||
209 | + 'name' => 'CLOTtee 撞色连帽外套', | ||
210 | + 'isLike' => false, | ||
211 | + 'price' => 488, | ||
212 | + 'salePrice' => 139, | ||
213 | + 'tags' => array( | ||
214 | + array( | ||
215 | + 'isNew' => true | ||
216 | + ), | ||
217 | + array( | ||
218 | + 'isSale' => false | ||
219 | + ), | ||
220 | + array( | ||
221 | + 'isLimit' => true | ||
222 | + ), | ||
223 | + array( | ||
224 | + 'isYohood' => true | ||
225 | + ) | ||
226 | + ), | ||
227 | + 'url' => '' | ||
228 | + ) | ||
229 | + ), | ||
230 | + array( | ||
231 | + 'withInfo' => array( | ||
232 | + 'thumb' => 'http://img13.static.yhbimg.com/goodsimg/2015/03/02/08/023f696cf1ae78688bc6c8edeccc480c2c.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90', | ||
233 | + 'name' => 'CLOTtee 撞色连帽外套', | ||
234 | + 'isLike' => false, | ||
235 | + 'price' => 488, | ||
236 | + 'salePrice' => 139, | ||
237 | + 'tags' => array( | ||
238 | + array( | ||
239 | + 'isNew' => true | ||
240 | + ), | ||
241 | + array( | ||
242 | + 'isSale' => false | ||
243 | + ), | ||
244 | + array( | ||
245 | + 'isLimit' => true | ||
246 | + ), | ||
247 | + array( | ||
248 | + 'isYohood' => true | ||
249 | + ) | ||
250 | + ), | ||
251 | + 'url' => '' | ||
252 | + ) | ||
205 | ) | 253 | ) |
206 | ) | 254 | ) |
207 | /*'moreReco' => ''*/ | 255 | /*'moreReco' => ''*/ |
-
Please register or login to post a comment