Authored by lijing

测试bug

... ... @@ -33,7 +33,6 @@
<span class="close"></span>
<div class="lucky hide"></div>
<div class="unlucky hide"></div>
<p class="hide message"></p>
<a></a>
</div>
</div>
... ...

1.06 KB | W: | H:

5.21 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

29.8 KB | W: | H:

49.9 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
... ... @@ -201,7 +201,8 @@ orderHammer.on('tap', function(e) {
$reaMask.data('orderId', id);
if ($cur.closest('.raffle-btn').length > 0) {
if ($cur.closest('.raffle-btn').length > 0 && !($cur.closest('.raffle-btn').hasClass("clicked"))) {
$cur.closest('.raffle-btn').addClass("clicked");
userId = $cur.closest('.raffle-btn').attr('data-uid');
orderCode = $cur.closest('.raffle-btn').attr('data-code');
$.ajax({
... ... @@ -232,14 +233,11 @@ orderHammer.on('tap', function(e) {
}
// 中奖
function lucky(data) {
var message = data.data.orderLotteryMessage;
var bgPic = data.data.prize.image;
$('.lucky').show();
$('.dia-c').show();
$diaMain.find('p').show();
var dia_h = $diaMain.height() / 2;
$diaMain.css('margin-top', '-' + dia_h + 'px');
$diaMain.find('.message').text(message);
$diaMain.find('.lucky').css("background-image","url(" + bgPic + ")");
}
// 未中奖
... ...
... ... @@ -164,30 +164,29 @@
}
.dia-main {
width: 540px;
width: 627px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -270px;
margin-left: -313.5px;
.lucky {
width: 540px;
height: 421px;
background: resolve("activity/raffle/dia-succ.png");
width: 627px;
height: 620px;
background-size: 100% 100%;
background-repeat: no-repeat;
}
.unlucky {
width: 540px;
height: 421px;
width: 627px;
height: 620px;
background: resolve("activity/raffle/dia-err.png");
background-size: 100% 100%;
background-repeat: no-repeat;
}
p {
width: 540px;
width: 627px;
height: 128px;
position: absolute;
bottom: 83px;
... ... @@ -200,23 +199,23 @@
}
a {
width: 214px;
height: 53px;
width: 332px;
height: 116px;
display: block;
position: absolute;
left: 162px;
bottom: 30px;
left: 146px;
bottom: 63px;
}
}
.close {
width: 40px;
height: 40px;
width: 80px;
height: 80px;
background-repeat: no-repeat;
background-image: resolve("activity/raffle/close.png");
position: absolute;
top: -20px;
right: -20px;
top: -10px;
right: 12px;
background-size: 100%;
}
}
... ...