fe / YOHOBUYWAP · Commits

Go to a project

Authored by liangxs
Commit a57cf161597856ddec180638ec11f960c06a1fd2 1 parent d9cc36bc

领券修改

Inline Side-by-side
Showing 4 changed files with 16 additions and 54 deletions
... ... @@ -18,7 +18,7 @@ $receive.on('touchend',function(){
$tooltip.show();
setTimeout(function(){
$tooltip.hide();
location.reload();
//location.reload();
},3000);
}else{
$message.find('.coupon-message-content').text(msg);
... ...
.coupon-page {
.coupon-floor {
.coupon-title {
background-color: #fff;
text-align: center;
... ... @@ -9,64 +8,36 @@
}
.coupon-box {
background-color: #fff;
padding: 36rem/$pxConvertRem;
padding-top: 0;
height: 172rem/$pxConvertRem;
.coupon-box-main {
width: 100%;
float: left;
height: 170rem / $pxConvertRem;
height: 180rem /$pxConvertRem;
width: 100%;
background-size: 100%;
background-repeat: no-repeat;
float: left;
.coupon-left {
.coupon-left {
float: left;
width: 80%;
height: 170rem/$pxConvertRem;
background-size: 100%;
background-repeat: no-repeat;
width: 497rem/$pxConvertRem;
height: 180rem/$pxConvertRem;
}
.coupon-right {
.coupon-right {
float: left;
width: 20%;
width: 143rem/$pxConvertRem;
text-align: center;
height: 170rem/$pxConvertRem;
background-color: rgb(224,84,85);
height: 180rem/$pxConvertRem;
.coupon-right-reBox {
height: 100%;
width: 100%;
color:#fff;
.coupon-right-re {
font-size: 25rem/$pxConvertRem;
margin-top: 60rem/$pxConvertRem;
}
}
.coupon-right-goBox {
height: 100%;
width: 100%;
color:#fff;
font-size: 15rem/$pxConvertRem;
.coupon-right-st {
margin-top: 40rem/$pxConvertRem;
}
.coupon-right-go {
border-radius: 15px;
border: 1px solid #fff;
margin: 0 auto;
margin-top: 20rem/$pxConvertRem;
width: 90rem/$pxConvertRem;
height: 30rem/$pxConvertRem;
line-height: 30rem/$pxConvertRem;
}
}
}
}
}
}
... ...
{{>layout/header}}
{{# floor}}
<div class="coupon-page yoho-page">
<div class="coupon-floor">
{{#if showTitle}}
<div class="coupon-title">
{{title}}
</div>
{{/if}}
{{# coupons}}
<div class="coupon-box">
<div class="coupon-box-main" style="background: url('{{picUrl}}')">
<div class="coupon-box" style="background-image: url('http://static.dev.yohobuy.com/img/test/coupon.png')">
{{#if url}}
<a href="{{url}}">
<div class="coupon-left"></div>
... ... @@ -19,30 +18,22 @@
<div class="coupon-right">
{{#if status}}
<div class="coupon-right-reBox">
<div class="coupon-right-re">
<div>点击</div>
<div>领取</div>
</div>
</div>
{{^}}
{{#if is_zero}}
<a href="{{go}}">
<div class="coupon-right-goBox">
<div class="coupon-right-st">已抢光</div>
<div class="coupon-right-go">去逛逛</div>
</div>
</a>
{{^}}
<a href="{{go}}">
<div style="height: 100%;width:100%" class="coupon-right-goBox">
<div class="coupon-right-st">已领取</div>
<div class="coupon-right-go">去使用</div>
</div></a>
{{/if}}
{{/if}}
</div>
</div>
</div>
{{/ coupons}}
</div>
... ...