Geen omschrijving

payment.html 3.3KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta content="yes" name="apple-mobile-web-app-capable">
  6. <meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"/>
  7. <title>充值中心</title>
  8. <link rel="stylesheet" href="./common/reset.css?v=1">
  9. <link rel="stylesheet" href="./css/payment.css?v=11">
  10. <script src="./common/jquery-2.1.0.js"></script>
  11. <script>
  12. var viewport = document.querySelector("meta[name=viewport]")
  13. if (window.devicePixelRatio == 1) {
  14. viewport.setAttribute('content', 'width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no')
  15. }
  16. if (window.devicePixelRatio == 2) {
  17. viewport.setAttribute('content', 'width=device-width, initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5, user-scalable=no')
  18. }
  19. if (window.devicePixelRatio == 3) {
  20. viewport.setAttribute('content', 'width=device-width, initial-scale=0.333333333, maximum-scale=0.333333333, minimum-scale=0.333333333, user-scalable=no')
  21. }
  22. document.documentElement.style.fontSize = (document.documentElement.clientWidth / 375) * 100 + "px";
  23. window.onresize = function () {
  24. document.documentElement.style.fontSize = (document.documentElement.clientWidth / 375) * 100 + "px";
  25. }
  26. </script>
  27. </head>
  28. <body>
  29. <h3 class="payment_hint">请选择充值金额(充值成功后不可退)</h3>
  30. <ul class="rechargeList">
  31. <!-- 套餐列表 -->
  32. <!-- <li><div class="rechargeLi"><p>充198江湖币</p><span>送30江湖比</span><img src="img/payment_one.png"/></div></li>
  33. <li><div class="rechargeLi rechargeLiActive"><p>充198江湖币</p></div></li>
  34. <li><div class="rechargeLi"><p>充198江湖币</p></div></li>
  35. <li><div class="rechargeLi"><p>充198江湖币</p></div></li>
  36. <li><div class="rechargeLi"><p>充198江湖币</p></div></li>
  37. <li><div class="rechargeLi"><p>充198江湖币</p></div></li> -->
  38. </ul>
  39. <h3 class="payment_hint">选择支付方式</h3>
  40. <ul class="payment_mode">
  41. <li class="alipay">
  42. <label for="alipay">
  43. <img src="img/alipay.png" />
  44. <span>支付宝</span>
  45. </label>
  46. <input type="radio" name="mode" id="alipay" value="1">
  47. </li>
  48. <li class="weixin">
  49. <label for="weixin">
  50. <img src="img/weixin.png" />
  51. <span>微信</span>
  52. </label>
  53. <input type="radio" name="mode" id="weixin" value="2">
  54. </li>
  55. </ul>
  56. <div class="payment_bottom">
  57. <div class="total">总计 <span>¥0</span></div>
  58. <button onclick="payEvent()">立即充值</button>
  59. </div>
  60. <!-- 确认是否支付完成,微信支付 -->
  61. <div class="wx_payment_mask">
  62. <div class="con">
  63. <h3>请确认微信支付是否完成</h3>
  64. <p id="paySuccess">已完成支付</p>
  65. <p id="payError">支付遇到问题,重新支付</p>
  66. </div>
  67. </div>
  68. <div class="alert-info" style="display: none;">
  69. <!-- tip提示,3s后消失 -->
  70. <p>请在浏览器中打开</p>
  71. </div>
  72. <!-- loading -->
  73. <div class="loading">
  74. <img src="./common/loading.gif" />
  75. </div>
  76. </body>
  77. </html>
  78. <script src="./js/payment.js?v=19"></script>