Authored by uedxwg

update/xwg/

var $ = require('jquery'),
Hammer = require('yoho.hammer');
var employ;
$('#yoho-footer').css('position','static');
window.rePosFooter();
$('.employ span').each(function(index) {
employ = new Hammer($('.employ span')[index]);
employ.on('tap', function(e) {
$('.employ-list').addClass('none').eq(index).removeClass('none');
$('.employ span').removeClass('active').eq(index).addClass('active');
window.rePosFooter();
});
});
\ No newline at end of file
... ...
... ... @@ -66,14 +66,47 @@
}
}
.null{
text-align: center;
color: #333;
margin-top: 55%;
font-size:56em / $pxConvertRem;
color: #333;
width: 100%;
height:auto;
overflow: hidden;
position: absolute;
left: 0;
top:50%;
@include transform(translateY(-60%));
i{
width: 100%;
height: 120rem / $pxConvertRem;
overflow: hidden;
display: block;
background: image-url('me/employ/not.png') center top no-repeat;
background-size:auto 100%;
}
p{
width: 100%;
height: auto;
overflow: hidden;
padding:20rem / $pxConvertRem 0 0;
font-size: 48em / $pxConvertRem;
text-align: center;
color: #444;
}
a{
width: 73.75%;
height: 80rem / $pxConvertRem;
overflow: hidden;
font-size: 56em / $pxConvertRem;
line-height: 80rem / $pxConvertRem;
display: block;
background: #444444;
color: #fff;
text-align: center;
margin: 32em / $pxConvertRem auto;
@include border-radius(.2rem);
}
}
}
.none{
display: none;
}
\ No newline at end of file
}
\ No newline at end of file
... ...
... ... @@ -58,7 +58,7 @@
position: absolute;
right: 40rem / $pxConvertRem;
top:50%;
@include transform(translateY(-50%))
@include transform(translateY(-50%));
}
span{
color: #b0b0b0;
... ...
... ... @@ -13,7 +13,11 @@
</div>
{{/ used}}
{{^ used}}
<p class="null">未找到相关相关优惠券</p>
<div class="null">
<i></i>
<p>您还没有未使用的优惠券</p>
<a href="{{topURL}}">随便逛逛</a>
</div>
{{/ used}}
</div>
<div class="employ-list not none">
... ... @@ -26,7 +30,11 @@
</div>
{{/ unused}}
{{^ unused}}
<p class="null">未找到相关相关优惠券</p>
<div class="null">
<i></i>
<p>您还没有已使用的优惠券</p>
<a href="{{topURL}}">随便逛逛</a>
</div>
{{/ unused}}
</div>
{{/ couponsUrl}}
... ...