pay_win.html 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title></title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <link rel="stylesheet" type="text/css" href="css/mui.min.css" />
  10. <link rel="stylesheet" type="text/css" href="css/iconfont.css" />
  11. <link rel="stylesheet" type="text/css" href="css/style.css" />
  12. <style>
  13. .year-dalog{background:url(images/year-dalog.png) center center no-repeat rgba(0,0,0,.7);background-size: 100% auto; position: fixed;left: 0;top: 0;right: 0;bottom: 0;width: 100%; height: 100%;z-index: 99;display: none;-webkit-transform: translateY(-100%);transform: translateY(-100%); -webkit-transition: .5s;transition: .5s;}
  14. .year-dalog.active{-webkit-transform: translateY(0%);transform: translateY(0%);}
  15. .year-dalog img{width: 100%;}
  16. </style>
  17. <script>
  18. // 屏蔽分享
  19. window.hiddenAllWechatMenu = true;
  20. </script>
  21. </head>
  22. <body style="background: #fff;">
  23. <div class="loading-bg">
  24. <div class="mui-loading">
  25. <div class="mui-spinner">
  26. </div>
  27. &nbsp;&nbsp;加载中...
  28. </div>
  29. </div>
  30. <nav class="mui-bar mui-bar-tab" id="footer-bar">
  31. <a class="mui-tab-item" >
  32. <div class="iconfont icon-home"></div>
  33. <span class="mui-tab-label">首页</span>
  34. </a>
  35. <a class="mui-tab-item">
  36. <div class="iconfont icon-gouwuche"><span class="mui-badge">0</span></div>
  37. <span class="mui-tab-label">购物车</span>
  38. </a>
  39. <a class="mui-tab-item">
  40. <div class="iconfont icon-dingdan"></div>
  41. <span class="mui-tab-label">我的订单</span>
  42. </a>
  43. <a class="mui-tab-item">
  44. <div class="iconfont icon-vip"></div>
  45. <span class="mui-tab-label">会员中心</span>
  46. </a>
  47. </nav>
  48. <header class="mui-bar mui-bar-nav header">
  49. <div class="go-index go_index">
  50. <img src="images/logo.png" />
  51. </div>
  52. </header>
  53. <div class="mui-content" style="background: #fff;display: none;" id="show-div-data">
  54. <div class="pl-win-tt">
  55. <img style="width: 1.5em;" src="images/pay-win.jpg"><span class="sp"> 恭喜您,支付成功!</span>
  56. <div>已支付:<span class="cl-red">¥<font id="pay-money-total">0.0</font>元</span></div>
  57. </div>
  58. <ul class="pay_win_list">
  59. <li>订单编号:<span class="cl-0" id="orderid-span">加载中...</span></li>
  60. <li>支付时间:<span class="cl-0" id="pay-date-span">加载中...</span></li>
  61. <li><a class="go_order_details" href="#" id="check-order-desc" value="">查看订单详情&gt;&gt;</a> </li>
  62. <!-- <li><a class="go_luck_draw" href="#" id="check-luck-draw" value="">去抽奖&gt;&gt;</a></li> -->
  63. </ul>
  64. </div>
  65. <!-- <div class="mui-content-padded">
  66. <a href="#" class="go_luck_draw" id="check-luck-draw" value=""><img width="100%" src="/iamberry/common/shop/images/wheel-buy-yes.jpg" /></a>
  67. </div> -->
  68. <div class="mui-content" style="background: #fff;" id="now-load-data-div-bg">
  69. <ul class="pay_win_list">
  70. <li><span class="cl-0">正在加载数据...</span></li>
  71. </ul>
  72. </div>
  73. <!--春节放假通知-->
  74. <div class="year-dalog"></div>
  75. <script src="js/mui.min.js"></script>
  76. <script src="js/jquery-2.1.1.min.js"></script>
  77. <script src="js/main.js"></script>
  78. <script src="js/page/wechat-utils-1.0.js"></script>
  79. <script src="js/page/pay_win.js"></script>
  80. </body>
  81. <script>
  82. var clickdate = JSON.parse(localStorage.getItem('clickdate'));
  83. //春节放假通知弹窗点击事件
  84. $(document).on('tap', '.year-dalog', function() {
  85. if(!window.localStorage) {
  86. mui.alert("您的浏览器不支持localStorage");
  87. } else {
  88. //自定义json数据
  89. var obj = {};
  90. obj = {
  91. text: new Date().getTime()
  92. };
  93. //json格式化插入 点击时间
  94. localStorage.setItem('clickdate', JSON.stringify(obj));
  95. }
  96. $(".year-dalog").removeClass("active");
  97. setTimeout(function(){
  98. $(".year-dalog").hide();
  99. },500);
  100. });
  101. $(document).ready(function(){
  102. var d = new Date().getTime();//当前时间戳
  103. //弹窗提示时间为2月9日-2月22日
  104. if(d > 1518019200000 && d < 1519315200000) {
  105. //本地没有存储时间也显示弹窗
  106. $(".year-dalog").addClass("active").show();
  107. }
  108. });
  109. </script>
  110. </html>