Authored by uedxwg

update/xwg/

1 var $ = require('jquery'), 1 var $ = require('jquery'),
2 Hammer = require('yoho.hammer'); 2 Hammer = require('yoho.hammer');
3 var employ; 3 var employ;
4 -$('#yoho-footer').css('position','static'); 4 +
  5 +window.rePosFooter();
5 $('.employ span').each(function(index) { 6 $('.employ span').each(function(index) {
6 employ = new Hammer($('.employ span')[index]); 7 employ = new Hammer($('.employ span')[index]);
7 employ.on('tap', function(e) { 8 employ.on('tap', function(e) {
8 $('.employ-list').addClass('none').eq(index).removeClass('none'); 9 $('.employ-list').addClass('none').eq(index).removeClass('none');
9 $('.employ span').removeClass('active').eq(index).addClass('active'); 10 $('.employ span').removeClass('active').eq(index).addClass('active');
  11 + window.rePosFooter();
10 }); 12 });
11 }); 13 });
@@ -66,14 +66,47 @@ @@ -66,14 +66,47 @@
66 } 66 }
67 } 67 }
68 .null{ 68 .null{
69 - text-align: center;  
70 - color: #333;  
71 - margin-top: 55%;  
72 - font-size:56em / $pxConvertRem;  
73 - color: #333; 69 + width: 100%;
  70 + height:auto;
  71 + overflow: hidden;
  72 + position: absolute;
  73 + left: 0;
  74 + top:50%;
  75 + @include transform(translateY(-60%));
  76 + i{
  77 + width: 100%;
  78 + height: 120rem / $pxConvertRem;
  79 + overflow: hidden;
  80 + display: block;
  81 + background: image-url('me/employ/not.png') center top no-repeat;
  82 + background-size:auto 100%;
  83 + }
  84 + p{
  85 + width: 100%;
  86 + height: auto;
  87 + overflow: hidden;
  88 + padding:20rem / $pxConvertRem 0 0;
  89 + font-size: 48em / $pxConvertRem;
  90 + text-align: center;
  91 + color: #444;
  92 + }
  93 + a{
  94 + width: 73.75%;
  95 + height: 80rem / $pxConvertRem;
  96 + overflow: hidden;
  97 + font-size: 56em / $pxConvertRem;
  98 + line-height: 80rem / $pxConvertRem;
  99 + display: block;
  100 + background: #444444;
  101 + color: #fff;
  102 + text-align: center;
  103 + margin: 32em / $pxConvertRem auto;
  104 + @include border-radius(.2rem);
  105 +
  106 + }
74 } 107 }
75 108
76 } 109 }
77 .none{ 110 .none{
78 display: none; 111 display: none;
79 -}  
  112 +}
@@ -58,7 +58,7 @@ @@ -58,7 +58,7 @@
58 position: absolute; 58 position: absolute;
59 right: 40rem / $pxConvertRem; 59 right: 40rem / $pxConvertRem;
60 top:50%; 60 top:50%;
61 - @include transform(translateY(-50%)) 61 + @include transform(translateY(-50%));
62 } 62 }
63 span{ 63 span{
64 color: #b0b0b0; 64 color: #b0b0b0;
@@ -13,7 +13,11 @@ @@ -13,7 +13,11 @@
13 </div> 13 </div>
14 {{/ used}} 14 {{/ used}}
15 {{^ used}} 15 {{^ used}}
16 - <p class="null">未找到相关相关优惠券</p> 16 + <div class="null">
  17 + <i></i>
  18 + <p>您还没有未使用的优惠券</p>
  19 + <a href="{{topURL}}">随便逛逛</a>
  20 + </div>
17 {{/ used}} 21 {{/ used}}
18 </div> 22 </div>
19 <div class="employ-list not none"> 23 <div class="employ-list not none">
@@ -26,7 +30,11 @@ @@ -26,7 +30,11 @@
26 </div> 30 </div>
27 {{/ unused}} 31 {{/ unused}}
28 {{^ unused}} 32 {{^ unused}}
29 - <p class="null">未找到相关相关优惠券</p> 33 + <div class="null">
  34 + <i></i>
  35 + <p>您还没有已使用的优惠券</p>
  36 + <a href="{{topURL}}">随便逛逛</a>
  37 + </div>
30 {{/ unused}} 38 {{/ unused}}
31 </div> 39 </div>
32 {{/ couponsUrl}} 40 {{/ couponsUrl}}