123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113 |
- <!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-home"></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-vip"></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;display: none;" id="show-div-data">
- <div class="pl-win-tt">
- <img style="width: 1.5em;" src="images/pay-win.jpg"><span class="sp"> 恭喜您,支付成功!</span>
- <div>已支付:<span class="cl-red">¥<font id="pay-money-total">0.0</font>元</span></div>
- </div>
- <ul class="pay_win_list">
- <li>订单编号:<span class="cl-0" id="orderid-span">加载中...</span></li>
- <li>支付时间:<span class="cl-0" id="pay-date-span">加载中...</span></li>
- <li><a class="go_order_details" href="#" id="check-order-desc" value="">查看订单详情>></a> </li>
- <!-- <li><a class="go_luck_draw" href="#" id="check-luck-draw" value="">去抽奖>></a></li> -->
- </ul>
- </div>
- <!-- <div class="mui-content-padded">
- <a href="#" class="go_luck_draw" id="check-luck-draw" value=""><img width="100%" src="/iamberry/common/shop/images/wheel-buy-yes.jpg" /></a>
- </div> -->
- <div class="mui-content" style="background: #fff;" id="now-load-data-div-bg">
- <ul class="pay_win_list">
- <li><span class="cl-0">正在加载数据...</span></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>
|