pay.html 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  6. <title>精美时尚</title>
  7. <link href="css/global.css?v=0b04b240" rel="stylesheet"><link href="css/pay.css?v=0b04b240" rel="stylesheet"></head>
  8. <body>
  9. <div class="container">
  10. <div>
  11. <div class="h1">正在购买《xxxx》</div>
  12. <div style="font-size:10px;color:red;margin-top:-15px;margin-bottom:10px;" id="notice">一次购买多本将生成一个兑换码用于兑换,如需多个兑换码,请多次购买。</div>
  13. <div class="list">
  14. <a class="item code" bind-id="item" href="#"><p>购买10本</p><p>¥6</p></a>
  15. <a class="item code" bind-id="item" href="#"><p>购买10本</p><p>¥6</p></a>
  16. <a class="item code" bind-id="item" href="#"><p>购买10本</p><p>¥6</p></a>
  17. </div>
  18. <div style="font-size:10px;color:red;margin-top:0px;margin-bottom:10px;" id="notices">一次购买多本将生成一个兑换码用于兑换,如需多个兑换码,请多次购买。</div>
  19. <div class="list">
  20. <a class="item codes" bind-id="item" href="#"><p>购买10本</p><p>¥6</p></a>
  21. </div>
  22. </div>
  23. <div class='buytip' id="open"><p>购买说明</p></div>
  24. </div>
  25. <div class="mask fn-hide" id="layer">
  26. <div class="layer ">
  27. <h3 class="title">购买说明</h3>
  28. <div class="richtext">asdfsdf</div>
  29. <div class="btn-wrapper">
  30. <div class="button opposite" id="close">我知道了</div>
  31. </div>
  32. </div>
  33. </div>
  34. <div id="pay"></div>
  35. <script type="text/javascript" src="js/global.js?v=0b04b240"></script></body>
  36. </html>
  37. <script type="text/javascript" src="https://cdn.bootcss.com/fastclick/1.0.6/fastclick.min.js"></script>
  38. <script>
  39. function pay(url)
  40. {
  41. $.get(url, function(t) {
  42. $("#pay").html(t);
  43. })
  44. }
  45. $(function()
  46. {
  47. FastClick.attach(document.body);
  48. $(document).on("touchend", '[bind-id="item"]', function() {
  49. $(this).addClass("active").siblings(".item").removeClass("active")
  50. })
  51. $('#open').click(function(){
  52. $('#layer').show();
  53. });
  54. $('#close').click(function(){
  55. $('#layer').hide();
  56. })
  57. })
  58. </script>