Authored by liuyue

Merge branch 'feature/new-sale' into 'web'

Feature/new sale

See merge request !84
@@ -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 {