Authored by ccbikai

Merge branch 'develop' of http://git.dev.yoho.cn/web/yohobuy into develop

@@ -85,7 +85,9 @@ likeHammer.on('tap', function(e) { @@ -85,7 +85,9 @@ likeHammer.on('tap', function(e) {
85 success: function(data) { 85 success: function(data) {
86 if (data.code === 200) { 86 if (data.code === 200) {
87 $this.toggleClass('like'); 87 $this.toggleClass('like');
88 - } else if (data.code === 400) { 88 + } else if (data.code === 400 || data.code === 412) {
  89 +
  90 + //code:412 用户ID不正确,即未登录
89 tip.show('未登录'); 91 tip.show('未登录');
90 } else { 92 } else {
91 tip.show(data.message); 93 tip.show(data.message);
@@ -17,13 +17,6 @@ var missStatus; //是否忽略选中状态 @@ -17,13 +17,6 @@ var missStatus; //是否忽略选中状态
17 //隐藏筛选界面 17 //隐藏筛选界面
18 function hideFilter() { 18 function hideFilter() {
19 $filter.addClass('hide'); 19 $filter.addClass('hide');
20 -  
21 - if (missStatus) {  
22 -  
23 - //重置一级筛选项选中状态  
24 - $filter.find('.classify-item.active').removeClass('active');  
25 - $filter.find('.classify-item:first-child').addClass('active');  
26 - }  
27 } 20 }
28 21
29 //显示筛选界面 22 //显示筛选界面
@@ -31,6 +24,7 @@ function showFilter() { @@ -31,6 +24,7 @@ function showFilter() {
31 $filter.removeClass('hide'); 24 $filter.removeClass('hide');
32 } 25 }
33 26
  27 +//主筛选项Tap事件句柄
34 function classifyTapEvt($this) { 28 function classifyTapEvt($this) {
35 if ($this.hasClass('active')) { 29 if ($this.hasClass('active')) {
36 return; 30 return;
@@ -41,9 +35,8 @@ function classifyTapEvt($this) { @@ -41,9 +35,8 @@ function classifyTapEvt($this) {
41 $this.addClass('active'); 35 $this.addClass('active');
42 } 36 }
43 37
44 -function subClassifyTapEvt($this) {  
45 - var id = $this.data('id');  
46 - 38 +//子筛选项选中处理
  39 +function setSubClassify($this) {
47 var $sub = $this.closest('.sub-classify'); 40 var $sub = $this.closest('.sub-classify');
48 41
49 var $shower = $sub.siblings('.shower'); 42 var $shower = $sub.siblings('.shower');
@@ -72,6 +65,17 @@ function subClassifyTapEvt($this) { @@ -72,6 +65,17 @@ function subClassifyTapEvt($this) {
72 $shower.removeClass('default'); 65 $shower.removeClass('default');
73 } 66 }
74 67
  68 + return $sub;
  69 +}
  70 +
  71 +//子筛选项Tap句柄
  72 +function subClassifyTapEvt($this) {
  73 + var id = $this.data('id');
  74 +
  75 + var $sub;
  76 +
  77 + $sub = setSubClassify($this);
  78 +
75 if (fCbFn) { 79 if (fCbFn) {
76 fCbFn({ 80 fCbFn({
77 type: $sub.data('type'), 81 type: $sub.data('type'),
@@ -80,12 +84,6 @@ function subClassifyTapEvt($this) { @@ -80,12 +84,6 @@ function subClassifyTapEvt($this) {
80 } 84 }
81 85
82 hideFilter(); 86 hideFilter();
83 -  
84 - //重置选中状态  
85 - if (missStatus) {  
86 - $this.removeClass('chosed');  
87 - $sub.children(':first-child').addClass('chosed');  
88 - }  
89 } 87 }
90 88
91 //初始化筛选 89 //初始化筛选
@@ -133,8 +131,25 @@ function initFilter(opt) { @@ -133,8 +131,25 @@ function initFilter(opt) {
133 }); 131 });
134 } 132 }
135 133
  134 +//重置筛选面板
  135 +function resetFilter() {
  136 + if (typeof $filter === 'undefined') {
  137 + return;
  138 + }
  139 +
  140 + //重置子筛选项
  141 + $('.sub-classify').each(function() {
  142 + setSubClassify($(this).children(':first-child'));
  143 + });
  144 +
  145 + //重置主筛选项
  146 + classifyTapEvt($('.classify > :first-child'));
  147 +}
  148 +
136 exports.initFilter = initFilter; 149 exports.initFilter = initFilter;
137 150
138 exports.showFilter = showFilter; 151 exports.showFilter = showFilter;
139 152
140 -exports.hideFilter = hideFilter;  
  153 +exports.hideFilter = hideFilter;
  154 +
  155 +exports.resetFilter = resetFilter;
@@ -41,6 +41,8 @@ var defaultOpt = { @@ -41,6 +41,8 @@ var defaultOpt = {
41 dayLimit: 1 41 dayLimit: 1
42 }; 42 };
43 43
  44 +var storeOpt = $.extend({}, defaultOpt); //存储默认筛选条件以便重置
  45 +
44 var now = new Date(), 46 var now = new Date(),
45 month = now.getMonth() + 1, 47 month = now.getMonth() + 1,
46 date = now.getDate(); 48 date = now.getDate();
@@ -267,8 +269,7 @@ $.ajax({ @@ -267,8 +269,7 @@ $.ajax({
267 //切换active状态到$pre上 269 //切换active状态到$pre上
268 $pre.addClass('active'); 270 $pre.addClass('active');
269 $pre.siblings('.filter').removeClass('active'); 271 $pre.siblings('.filter').removeClass('active');
270 - },  
271 - missStatus: true 272 + }
272 }); 273 });
273 } 274 }
274 }); 275 });
@@ -343,6 +344,10 @@ navHammer.on('tap', function(e) { @@ -343,6 +344,10 @@ navHammer.on('tap', function(e) {
343 $dgc.removeClass('hide'); 344 $dgc.removeClass('hide');
344 break; 345 break;
345 } 346 }
  347 +
  348 + //重置筛选项
  349 + filter.resetFilter();
  350 + defaultOpt = $.extend({}, storeOpt);
346 } 351 }
347 352
348 $active.removeClass('active'); 353 $active.removeClass('active');
1 .good-info { 1 .good-info {
2 float: left; 2 float: left;
3 - width: 46.4%; 3 + width: 276rem / $pxConvertRem;
4 height: 486rem / $pxConvertRem; 4 height: 486rem / $pxConvertRem;
5 - margin: 28rem / $pxConvertRem 0 0 2.4%;  
6 - 5 + margin: 0 (15rem / $pxConvertRem) (28rem / $pxConvertRem);
7 6
8 .tag-container { 7 .tag-container {
9 height: 28rem / $pxConvertRem; 8 height: 28rem / $pxConvertRem;
10 width: 100%; 9 width: 100%;
  10 + overflow: hidden;
11 11
12 .good-tag { 12 .good-tag {
13 display: block; 13 display: block;
@@ -15,23 +15,27 @@ @@ -15,23 +15,27 @@
15 height: 28rem / $pxConvertRem; 15 height: 28rem / $pxConvertRem;
16 font-size: 18rem / $pxConvertRem; 16 font-size: 18rem / $pxConvertRem;
17 text-align: center; 17 text-align: center;
18 - line-height: 32rem / $pxConvertRem; 18 + line-height: 28rem / $pxConvertRem;
  19 + box-sizing: border-box;
19 margin-right: 4rem / $pxConvertRem; 20 margin-right: 4rem / $pxConvertRem;
20 21
21 &:last-child { 22 &:last-child {
22 margin-right: 0; 23 margin-right: 0;
23 } 24 }
24 } 25 }
  26 +
25 .new-tag { 27 .new-tag {
26 width: 60rem / $pxConvertRem; 28 width: 60rem / $pxConvertRem;
27 background-color: #78dc7e; 29 background-color: #78dc7e;
28 color: #fff; 30 color: #fff;
29 } 31 }
  32 +
30 .renew-tag { 33 .renew-tag {
31 width: 90rem / $pxConvertRem; 34 width: 90rem / $pxConvertRem;
32 background-color: #78dc7e; 35 background-color: #78dc7e;
33 color: #fff; 36 color: #fff;
34 } 37 }
  38 +
35 .sale-tag { 39 .sale-tag {
36 width: 60rem / $pxConvertRem; 40 width: 60rem / $pxConvertRem;
37 background-color: #ff575c; 41 background-color: #ff575c;
@@ -43,21 +47,35 @@ @@ -43,21 +47,35 @@
43 color: #fff; 47 color: #fff;
44 } 48 }
45 .limit-tag { 49 .limit-tag {
46 - box-sizing: border-box;  
47 width: 90rem / $pxConvertRem; 50 width: 90rem / $pxConvertRem;
48 border: 1px solid #000; 51 border: 1px solid #000;
49 color: #000; 52 color: #000;
50 - line-height: 24rem / $pxConvertRem;  
51 } 53 }
52 } 54 }
53 } 55 }
54 56
55 .good-detail-img { 57 .good-detail-img {
56 position: relative; 58 position: relative;
  59 + .good-islike {
  60 + position: absolute;
  61 + width: 60rem / $pxConvertRem;
  62 + height: 60rem / $pxConvertRem;
  63 + top: 0rem / $pxConvertRem;
  64 + right: 0rem / $pxConvertRem;
  65 + line-height: 60rem / $pxConvertRem;
  66 + font-size: 30rem / $pxConvertRem;
  67 + text-align: center;
  68 + color: #b0b0b0;
  69 + text-decoration: none;
  70 + }
  71 +
  72 + .good-like {
  73 + color: #d72928;
  74 + }
57 img { 75 img {
58 display: block; 76 display: block;
59 width: 100%; 77 width: 100%;
60 - // height: 366rem / $pxConvertRem; 78 + height: 366rem / $pxConvertRem;
61 } 79 }
62 80
63 .few-tag { 81 .few-tag {
@@ -17,7 +17,6 @@ @@ -17,7 +17,6 @@
17 height: 192rem / $pxConvertRem; 17 height: 192rem / $pxConvertRem;
18 border-bottom: 1px solid #e0e0e0; 18 border-bottom: 1px solid #e0e0e0;
19 border-right: 1px solid #e0e0e0; 19 border-right: 1px solid #e0e0e0;
20 - border-top: 1px solid #e0e0e0;  
21 &:nth-child(-n+3) { 20 &:nth-child(-n+3) {
22 border-bottom: none; 21 border-bottom: none;
23 } 22 }