index.html 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>支付</title>
  6. <link href="__STATIC__/box/css/order.css" rel="stylesheet">
  7. <script src="__STATIC__/box/js/flexible.js?v={:config('js_version')}"></script>
  8. <script src="https://cdn.bootcss.com/zepto/1.2.0/zepto.min.js"></script>
  9. </head>
  10. <body>
  11. <div class="container">
  12. <div class="pay__info">
  13. <span class="pay__text">你需支付</span>
  14. <span class="pay__price">{$real_amount}元</span>
  15. <span class="pay__product">购买{$product_name}</span>
  16. </div>
  17. <span class="pay__tips"></span>
  18. <button class="pay__btn" id="payBtn">点击支付</button>
  19. <div class="status">
  20. <div class="status__inner">
  21. <img class="status__icon" src="/image/icon_success.png">
  22. <span class="status__tips">恭喜,充值成功</span>
  23. <!--<span class="status__remark">请点击右上角按钮返回游戏</span>-->
  24. </div>
  25. </div>
  26. <div class="status">
  27. <div class="status__inner">
  28. <img class="status__icon" src="/image/icon_fail.png">
  29. <span class="status__tips">充值失败,请重新充值</span>
  30. <button class="status__btn">重新充值</button>
  31. </div>
  32. </div>
  33. </div>
  34. <script>
  35. var wxAppId = '{$wx_app_id}'
  36. var orderId = '{$order_id}'
  37. var $payBtn = $('#payBtn')
  38. $payBtn.on('click', function () {
  39. $.post('/order/pay', {
  40. 'wx_app_id': wxAppId,
  41. 'order-order_id': orderId,
  42. 'payway': 'wxpay',
  43. 'format': 'json'
  44. }, function (res) {
  45. console.log(res)
  46. callWxPay(JSON.parse(res.data.token))
  47. })
  48. })
  49. function callWxPay (data) {
  50. function onBridgeReady () {
  51. WeixinJSBridge.invoke('getBrandWCPayRequest', data, function (res) {
  52. if (res.err_msg === 'get_brand_wcpay_request:ok') {
  53. }
  54. })
  55. }
  56. if (typeof WeixinJSBridge === 'undefined') {
  57. if (document.addEventListener) {
  58. document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false)
  59. } else if (document.attachEvent) {
  60. document.attachEvent('WeixinJSBridgeReady', onBridgeReady)
  61. document.attachEvent('onWeixinJSBridgeReady', onBridgeReady)
  62. }
  63. } else {
  64. onBridgeReady()
  65. }
  66. }
  67. </script>
  68. </body>
  69. </html>