123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>支付成功</title>
- <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
- <meta name="apple-mobile-web-app-capable" content="yes">
- <meta name="apple-mobile-web-app-status-bar-style" content="black">
- <link rel="stylesheet" type="text/css" href="css/mui.min.css" />
- <link rel="stylesheet" type="text/css" href="css/iconfont.css" />
- <link rel="stylesheet" type="text/css" href="css/style.css" />
- <style>
- .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;}
- .year-dalog.active{-webkit-transform: translateY(0%);transform: translateY(0%);}
- .year-dalog img{width: 100%;}
- </style>
- <script>
- // 屏蔽分享
- window.hiddenAllWechatMenu = true;
- </script>
- </head>
- <body style="background: #fff;">
- <div class="loading-bg">
- <div class="mui-loading">
- <div class="mui-spinner">
- </div>
- 加载中...
- </div>
- </div>
- <nav class="mui-bar mui-bar-tab" id="footer-bar">
- <a class="mui-tab-item" >
- <div class="iconfont icon-shouye"></div>
- <span class="mui-tab-label">首页</span>
- </a>
- <a class="mui-tab-item">
- <div class="iconfont icon-gouwuche"><span class="mui-badge">0</span></div>
- <span class="mui-tab-label">购物车</span>
- </a>
- <a class="mui-tab-item">
- <div class="iconfont icon-dingdan"></div>
- <span class="mui-tab-label">订单</span>
- </a>
- <a class="mui-tab-item">
- <div class="iconfont icon-wode"></div>
- <span class="mui-tab-label">我的</span>
- </a>
- </nav>
- <!--<header class="mui-bar mui-bar-nav header">
- <div class="go-index go_index">
- <img src="images/logo.png" />
- </div>
- </header>-->
- <div class="mui-content" style="background: #fff;" id="show-div-data">
- <div style="margin: 70px auto 25px auto;">
- <img style="width:100px;display: block;margin: 0 auto;" src="images/pay-win.png">
- <h6 class="mui-text-center"> 恭喜您,支付成功!</h6>
- </div>
- <ul>
- <li class="mui-text-center">
- <a class="mui-btn btn-blue-double" id="check-order-desc" value="">订单详情</a>
- <a class="mui-btn btn-blue-double go_web_shop">继续逛逛</a>
- </li>
- </ul>
- </div>
- <!--春节放假通知-->
- <div class="year-dalog"></div>
- <script src="js/mui.min.js"></script>
- <script src="js/jquery-2.1.1.min.js"></script>
- <script src="js/main.js"></script>
- <script src="js/page/wechat-utils-1.0.js"></script>
- <script src="js/page/pay_win.js"></script>
- </body>
- <script>
- var clickdate = JSON.parse(localStorage.getItem('clickdate'));
- //春节放假通知弹窗点击事件
- $(document).on('tap', '.year-dalog', function() {
- if(!window.localStorage) {
- mui.alert("您的浏览器不支持localStorage");
- } else {
- //自定义json数据
- var obj = {};
- obj = {
- text: new Date().getTime()
- };
- //json格式化插入 点击时间
- localStorage.setItem('clickdate', JSON.stringify(obj));
- }
- $(".year-dalog").removeClass("active");
- setTimeout(function(){
- $(".year-dalog").hide();
- },500);
- });
- $(document).ready(function(){
- var d = new Date().getTime();//当前时间戳
- //弹窗提示时间为2月9日-2月22日
- if(d > 1518019200000 && d < 1519315200000) {
- //本地没有存储时间也显示弹窗
- $(".year-dalog").addClass("active").show();
- }
- });
- </script>
- </html>
|