Merge branch 'feature/new-sale' into 'web'
Feature/new sale See merge request !84
Showing
3 changed files
with
21 additions
and
4 deletions
@@ -5,6 +5,7 @@ | @@ -5,6 +5,7 @@ | ||
5 | */ | 5 | */ |
6 | 6 | ||
7 | var $ = require('yoho.jquery'), | 7 | var $ = require('yoho.jquery'), |
8 | + lazyLoad = require('yoho.lazyload'), | ||
8 | productEvent = require('../common/product-event'); | 9 | productEvent = require('../common/product-event'); |
9 | 10 | ||
10 | var $goodsContainer = $('.goods-container'), | 11 | var $goodsContainer = $('.goods-container'), |
@@ -15,6 +16,8 @@ var $goodsContainer = $('.goods-container'), | @@ -15,6 +16,8 @@ var $goodsContainer = $('.goods-container'), | ||
15 | $productListNav = $('.product-list-nav'), | 16 | $productListNav = $('.product-list-nav'), |
16 | productList; | 17 | productList; |
17 | 18 | ||
19 | +lazyLoad($('img.lazy')); | ||
20 | + | ||
18 | /** | 21 | /** |
19 | * @description 初始化鼠标移入商品列表弹层效果 | 22 | * @description 初始化鼠标移入商品列表弹层效果 |
20 | * @num 每列存放商品的个数 | 23 | * @num 每列存放商品的个数 |
1 | +/** | ||
2 | + *@description: 商品列表1180px下搜索页的样式 | ||
3 | + *列表页、new-sale页在此基础上覆盖(index.scss) | ||
4 | + */ | ||
5 | + | ||
1 | .good-info { | 6 | .good-info { |
2 | - height: 400px; //todo | ||
3 | margin-bottom: 35px; | 7 | margin-bottom: 35px; |
4 | width: 222px; | 8 | width: 222px; |
5 | margin-right: 10px; | 9 | margin-right: 10px; |
@@ -8,7 +12,7 @@ | @@ -8,7 +12,7 @@ | ||
8 | //图片 | 12 | //图片 |
9 | .good-detail-img { | 13 | .good-detail-img { |
10 | width: 100%; | 14 | width: 100%; |
11 | - /*height: 300px;*/ | 15 | + height: 300px; |
12 | position: relative; | 16 | position: relative; |
13 | 17 | ||
14 | .good-thumb, img.lazy { | 18 | .good-thumb, img.lazy { |
@@ -166,4 +170,6 @@ | @@ -166,4 +170,6 @@ | ||
166 | overflow: hidden; | 170 | overflow: hidden; |
167 | } | 171 | } |
168 | } | 172 | } |
173 | + | ||
174 | + | ||
169 | } | 175 | } |
@@ -33,15 +33,20 @@ | @@ -33,15 +33,20 @@ | ||
33 | 33 | ||
34 | .good-info { | 34 | .good-info { |
35 | width: 235px; | 35 | width: 235px; |
36 | + | ||
37 | + .good-detail-img { | ||
38 | + height: 315px; | ||
39 | + } | ||
36 | } | 40 | } |
37 | 41 | ||
38 | .block-next-page { | 42 | .block-next-page { |
39 | width: 235px; | 43 | width: 235px; |
40 | - height: 314px; | 44 | + height: 315px; |
41 | } | 45 | } |
42 | } | 46 | } |
43 | } | 47 | } |
44 | 48 | ||
49 | +/*990px*/ | ||
45 | @media (max-width: 1180px) { | 50 | @media (max-width: 1180px) { |
46 | 51 | ||
47 | .product-list-page, .new-sale-page { | 52 | .product-list-page, .new-sale-page { |
@@ -58,7 +63,10 @@ | @@ -58,7 +63,10 @@ | ||
58 | 63 | ||
59 | .good-info { | 64 | .good-info { |
60 | width: 195px; | 65 | width: 195px; |
61 | - height: 350px; | 66 | + |
67 | + .good-detail-img { | ||
68 | + height: 261px; | ||
69 | + } | ||
62 | } | 70 | } |
63 | 71 | ||
64 | .block-next-page { | 72 | .block-next-page { |
-
Please register or login to post a comment