Showing
6 changed files
with
17 additions
and
21 deletions
@@ -33,7 +33,6 @@ | @@ -33,7 +33,6 @@ | ||
33 | <span class="close"></span> | 33 | <span class="close"></span> |
34 | <div class="lucky hide"></div> | 34 | <div class="lucky hide"></div> |
35 | <div class="unlucky hide"></div> | 35 | <div class="unlucky hide"></div> |
36 | - <p class="hide message"></p> | ||
37 | <a></a> | 36 | <a></a> |
38 | </div> | 37 | </div> |
39 | </div> | 38 | </div> |
28.7 KB
@@ -201,7 +201,8 @@ orderHammer.on('tap', function(e) { | @@ -201,7 +201,8 @@ orderHammer.on('tap', function(e) { | ||
201 | 201 | ||
202 | $reaMask.data('orderId', id); | 202 | $reaMask.data('orderId', id); |
203 | 203 | ||
204 | - if ($cur.closest('.raffle-btn').length > 0) { | 204 | + if ($cur.closest('.raffle-btn').length > 0 && !($cur.closest('.raffle-btn').hasClass("clicked"))) { |
205 | + $cur.closest('.raffle-btn').addClass("clicked"); | ||
205 | userId = $cur.closest('.raffle-btn').attr('data-uid'); | 206 | userId = $cur.closest('.raffle-btn').attr('data-uid'); |
206 | orderCode = $cur.closest('.raffle-btn').attr('data-code'); | 207 | orderCode = $cur.closest('.raffle-btn').attr('data-code'); |
207 | $.ajax({ | 208 | $.ajax({ |
@@ -232,14 +233,11 @@ orderHammer.on('tap', function(e) { | @@ -232,14 +233,11 @@ orderHammer.on('tap', function(e) { | ||
232 | } | 233 | } |
233 | // 中奖 | 234 | // 中奖 |
234 | function lucky(data) { | 235 | function lucky(data) { |
235 | - var message = data.data.orderLotteryMessage; | ||
236 | var bgPic = data.data.prize.image; | 236 | var bgPic = data.data.prize.image; |
237 | $('.lucky').show(); | 237 | $('.lucky').show(); |
238 | $('.dia-c').show(); | 238 | $('.dia-c').show(); |
239 | - $diaMain.find('p').show(); | ||
240 | var dia_h = $diaMain.height() / 2; | 239 | var dia_h = $diaMain.height() / 2; |
241 | $diaMain.css('margin-top', '-' + dia_h + 'px'); | 240 | $diaMain.css('margin-top', '-' + dia_h + 'px'); |
242 | - $diaMain.find('.message').text(message); | ||
243 | $diaMain.find('.lucky').css("background-image","url(" + bgPic + ")"); | 241 | $diaMain.find('.lucky').css("background-image","url(" + bgPic + ")"); |
244 | } | 242 | } |
245 | // 未中奖 | 243 | // 未中奖 |
@@ -164,30 +164,29 @@ | @@ -164,30 +164,29 @@ | ||
164 | } | 164 | } |
165 | 165 | ||
166 | .dia-main { | 166 | .dia-main { |
167 | - width: 540px; | 167 | + width: 627px; |
168 | position: absolute; | 168 | position: absolute; |
169 | top: 50%; | 169 | top: 50%; |
170 | left: 50%; | 170 | left: 50%; |
171 | - margin-left: -270px; | 171 | + margin-left: -313.5px; |
172 | 172 | ||
173 | .lucky { | 173 | .lucky { |
174 | - width: 540px; | ||
175 | - height: 421px; | ||
176 | - background: resolve("activity/raffle/dia-succ.png"); | 174 | + width: 627px; |
175 | + height: 620px; | ||
177 | background-size: 100% 100%; | 176 | background-size: 100% 100%; |
178 | background-repeat: no-repeat; | 177 | background-repeat: no-repeat; |
179 | } | 178 | } |
180 | 179 | ||
181 | .unlucky { | 180 | .unlucky { |
182 | - width: 540px; | ||
183 | - height: 421px; | 181 | + width: 627px; |
182 | + height: 620px; | ||
184 | background: resolve("activity/raffle/dia-err.png"); | 183 | background: resolve("activity/raffle/dia-err.png"); |
185 | background-size: 100% 100%; | 184 | background-size: 100% 100%; |
186 | background-repeat: no-repeat; | 185 | background-repeat: no-repeat; |
187 | } | 186 | } |
188 | 187 | ||
189 | p { | 188 | p { |
190 | - width: 540px; | 189 | + width: 627px; |
191 | height: 128px; | 190 | height: 128px; |
192 | position: absolute; | 191 | position: absolute; |
193 | bottom: 83px; | 192 | bottom: 83px; |
@@ -200,23 +199,23 @@ | @@ -200,23 +199,23 @@ | ||
200 | } | 199 | } |
201 | 200 | ||
202 | a { | 201 | a { |
203 | - width: 214px; | ||
204 | - height: 53px; | 202 | + width: 332px; |
203 | + height: 116px; | ||
205 | display: block; | 204 | display: block; |
206 | position: absolute; | 205 | position: absolute; |
207 | - left: 162px; | ||
208 | - bottom: 30px; | 206 | + left: 146px; |
207 | + bottom: 63px; | ||
209 | } | 208 | } |
210 | } | 209 | } |
211 | 210 | ||
212 | .close { | 211 | .close { |
213 | - width: 40px; | ||
214 | - height: 40px; | 212 | + width: 80px; |
213 | + height: 80px; | ||
215 | background-repeat: no-repeat; | 214 | background-repeat: no-repeat; |
216 | background-image: resolve("activity/raffle/close.png"); | 215 | background-image: resolve("activity/raffle/close.png"); |
217 | position: absolute; | 216 | position: absolute; |
218 | - top: -20px; | ||
219 | - right: -20px; | 217 | + top: -10px; |
218 | + right: 12px; | ||
220 | background-size: 100%; | 219 | background-size: 100%; |
221 | } | 220 | } |
222 | } | 221 | } |
-
Please register or login to post a comment