Showing
5 changed files
with
53 additions
and
10 deletions
static/img/me/employ/not.png
0 → 100644
2.85 KB
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}} |
-
Please register or login to post a comment