pay_win.html 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  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-shouye"></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-wode"></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;" id="show-div-data">
  54. <div style="margin: 70px auto 25px auto;">
  55. <img style="width:100px;display: block;margin: 0 auto;" src="images/pay-win.png">
  56. <h6 class="mui-text-center"> 恭喜您,支付成功!</h6>
  57. </div>
  58. <ul>
  59. <li class="mui-text-center">
  60. <a class="mui-btn btn-blue-double" id="check-order-desc" value="">订单详情</a>
  61. <a class="mui-btn btn-blue-double go_web_shop">继续逛逛</a>
  62. </li>
  63. </ul>
  64. </div>
  65. <!--春节放假通知-->
  66. <div class="year-dalog"></div>
  67. <script src="js/mui.min.js"></script>
  68. <script src="js/jquery-2.1.1.min.js"></script>
  69. <script src="js/main.js"></script>
  70. <script src="js/page/wechat-utils-1.0.js"></script>
  71. <script src="js/page/pay_win.js"></script>
  72. </body>
  73. <script>
  74. var clickdate = JSON.parse(localStorage.getItem('clickdate'));
  75. //春节放假通知弹窗点击事件
  76. $(document).on('tap', '.year-dalog', function() {
  77. if(!window.localStorage) {
  78. mui.alert("您的浏览器不支持localStorage");
  79. } else {
  80. //自定义json数据
  81. var obj = {};
  82. obj = {
  83. text: new Date().getTime()
  84. };
  85. //json格式化插入 点击时间
  86. localStorage.setItem('clickdate', JSON.stringify(obj));
  87. }
  88. $(".year-dalog").removeClass("active");
  89. setTimeout(function(){
  90. $(".year-dalog").hide();
  91. },500);
  92. });
  93. $(document).ready(function(){
  94. var d = new Date().getTime();//当前时间戳
  95. //弹窗提示时间为2月9日-2月22日
  96. if(d > 1518019200000 && d < 1519315200000) {
  97. //本地没有存储时间也显示弹窗
  98. $(".year-dalog").addClass("active").show();
  99. }
  100. });
  101. </script>
  102. </html>