paysuccess.html 3.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
  6. <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
  7. <title>title</title>
  8. <link rel="stylesheet" type="text/css" href="../../css/api.css" />
  9. <link rel="stylesheet" type="text/css" href="../../css/style.css?v=1.2" />
  10. <style>
  11. body{background:#f2f2f2;}
  12. .pay-success{
  13. text-align:center;
  14. font-size: 0.28rem;
  15. color: #666666;
  16. }
  17. .pay-success img{
  18. width: 1.69rem;
  19. height: 1.69rem;
  20. }
  21. </style>
  22. <script>
  23. (function(w, d, m) {
  24. function r() {
  25. var t = 100,
  26. o = 750,
  27. e = d.documentElement.clientWidth || w.innerWidth,
  28. n = m.max(m.min(e, 480), 320),
  29. h = 50;
  30. 320 >= n && (h = m.floor(n / o * t * .99)),
  31. n > 320 && 362 >= n && (h = m.floor(n / o * t * 1)),
  32. n > 362 && 375 >= n && (h = m.floor(n / o * t * 1)),
  33. n > 375 && (h = m.floor(n / o * t * .97)),
  34. d.querySelector("html").style.fontSize = h + "px"
  35. };
  36. r();
  37. w.onresize = function() {
  38. r()
  39. }
  40. })(window, document, Math);
  41. </script>
  42. </head>
  43. <body>
  44. <div class="topbar"></div>
  45. <header class="back-header back-header-bottom">
  46. <ul>
  47. <li class="padding-20 back-btn"><img class="back-header-ico" src="../../image/nav_button_back_default.png" /></li>
  48. <li class="back-header-title">支付成功</li>
  49. <li class="more-btn"></li>
  50. </ul>
  51. </header>
  52. <section class="padding-top">
  53. <div class="h50"></div>
  54. <div class="pay-success">
  55. <img src="../../image/paysuccess.png" />
  56. <p>订单支付成功</p>
  57. </div>
  58. </section>
  59. <div class="h50"></div>
  60. <section>
  61. <div class="m-bottom to-order" style="background:#ffffff;border: 1px solid #D9251C;color: #D9251C;">查看订单详情</div>
  62. <div class="h20"></div>
  63. <div class="m-bottom to-buy">继续购物</div>
  64. </section>
  65. </body>
  66. <script type="text/javascript" src="../../script/api.js"></script>
  67. <script type="text/javascript" src="../../script/jquery.min.js"></script>
  68. <script type="text/javascript" src="../../script/jquery.tap.js"></script>
  69. <script type="text/javascript" src="../../script/jquery.tap.js"></script>
  70. <script type="text/javascript">
  71. var _keyid = '';
  72. apiready = function() {
  73. _keyid = api.pageParam.keyid;
  74. setFixStatusBar();
  75. };
  76. $(".to-order").on("tap", function() {
  77. var _tag = $(this).attr("tag");
  78. api.openWin({
  79. name: 'orderdtl',
  80. url: '../order/orderdtl.html',
  81. bounces: false,
  82. pageParam: {
  83. keyid: _keyid
  84. }
  85. });
  86. })
  87. $(".to-buy").on("tap", function() {
  88. setTimeCloseWin("paysuccess");
  89. })
  90. </script>
  91. </html>