You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

144 line
4.5 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  5. <meta charset="UTF-8">
  6. <title>在线支付</title>
  7. <link rel="stylesheet" href="../css/reset.css" />
  8. <link rel="stylesheet" href="../css/onlinePay.css" />
  9. <link rel="stylesheet" href="../css/detailCell.css" />
  10. <script type="text/javascript" src="../js/onlinePay.js"></script>
  11. <!-- 百度统计star -->
  12. <script>
  13. var _hmt = _hmt || [];
  14. (function() {
  15. var hm = document.createElement("script");
  16. hm.src = "//hm.baidu.com/hm.js?3d4ede42cef05a99fcd8bda849831ada";
  17. var s = document.getElementsByTagName("script")[0];
  18. s.parentNode.insertBefore(hm, s);
  19. })();
  20. </script>
  21. <!-- 百度统计end -->
  22. </head>
  23. <body onload="init_page()">
  24. <div class="container">
  25. <header id="header" class="header">
  26. <!--单元格开始-->
  27. <div class="smallbox2">
  28. <img class="smalllogo2" src="../img/smalllogo.png" alt="">
  29. <div class="smallboxleft2">
  30. <div class="xlef1">
  31. <div class="xlef11">
  32. <span class="xlef111">上海</span>
  33. <span class="xlef112">04.15 07:30 出发</span>
  34. </div>
  35. <div class="xlef12">
  36. <span class="xlef121">舟山</span>
  37. <span class="xlef122">04.15 07:30 返回</span>
  38. </div>
  39. </div>
  40. <div class="xlef2">豪华大巴陆地航空式顶级商务座</div>
  41. <div class="xlef3">
  42. <img src="../img/car.png" alt="">
  43. <img src="../img/hotel.png" alt="">
  44. </div>
  45. </div>
  46. <img class="exchangelogo2" src="../img/go_back.png" alt="">
  47. </div>
  48. <!--单元格结束-->
  49. </header>
  50. <!--支付前-->
  51. <!-- center 开始 -->
  52. <div id="center" class="center">
  53. <!-- 支付方式开始wx -->
  54. <div class="payway" onclick="click_payway('wxpay')">
  55. <div class="payway-center zh">
  56. <div class="payway-left z">
  57. <div class="pay-icon z">
  58. <img style="width: 30px;height: 30px;" src="../img/wxpayicon.png" />
  59. </div>
  60. <div class="payintro z">
  61. <div class="payway-title">微信支付</div>
  62. <div class="payway-intro">推荐已安装微信客户端的用户使用</div>
  63. </div>
  64. </div>
  65. <div class="payway-right y">
  66. <img id="wxcheckbox" class="checkbox" src="../img/wx_checked.png"/>
  67. <!--<input id="wxcheckbox" class="checkbox" type="checkbox" checked="checked" name="wxpay" value="wxpay" />-->
  68. </div>
  69. </div>
  70. </div>
  71. <!-- 支付方式结束 -->
  72. <!-- 支付方式开始qq -->
  73. <!--<div class="payway" onclick="click_payway('qqpay')">
  74. <div class="payway-center zh">
  75. <div class="payway-left z">
  76. <div class="pay-icon z">
  77. <img src="../img/qqpayicon.png" />
  78. </div>
  79. <div class="payintro y">
  80. <div class="payway-title">QQ支付</div>
  81. <div class="payway-intro">推荐已安装QQ客户端的用户使用</div>
  82. </div>
  83. </div>
  84. <div class="payway-right y">
  85. <input id="qqcheckbox" class="checkbox" type="checkbox" name="qqpay" value="qqpay" />
  86. </div>
  87. </div>
  88. </div>-->
  89. <!-- 支付方式结束 -->
  90. </div>
  91. <!-- center end -->
  92. <footer id="footer" class="footer">
  93. <!--订单List start-->
  94. <div id="order-list" class="order-list">
  95. <!--<div class="order-cell">
  96. <div class="order-cell-center zh">
  97. <span class="z">成人票</span>
  98. <span class="z price-p">¥135</span>
  99. <span class="z"> X 2</span>
  100. </div>
  101. </div>-->
  102. </div>
  103. <!--订单List end-->
  104. <div class="footerbutton">
  105. <div class="footer-left z" onclick="click_amount()">
  106. <div id="left-center" class="left-center zh">
  107. <div class="ticketprice">
  108. <!--<span class="balance z">金额:</span>
  109. <span class="z">¥</span>
  110. <span class="z">360</span>
  111. <img id="rr" class="y" src="../img/up_arrow.png" />-->
  112. </div>
  113. </div>
  114. </div>
  115. <div class="footer-right y" onclick="click_pay()">
  116. <div class="right-center zh txtzh">
  117. <div class="right-title z zh">
  118. <span class="txty">支付</span>
  119. </div>
  120. <div id="right-time" class="right-time z zh">
  121. <!--<span class="y">20:59</span>-->
  122. </div>
  123. </div>
  124. </div>
  125. </div>
  126. <!--footerbutton end-->
  127. </footer>
  128. <!-- 支付后 -->
  129. <div id="havepay" class="havepay">
  130. <div class="success txtzh">支付成功</div>
  131. <div class="myorderlist txtzh">查看我的订单></div>
  132. </div>
  133. <!-- 支付后 end -->
  134. </div>
  135. <!-- container end -->
  136. </body>
  137. </html>