gift_card_exchange_win.html 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  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. .tips{padding-bottom: 65px;}
  14. .gift-card-title{padding:25px 0;background:url(//s.iamberry.com/watero/images/shop/gift-card-tit-bg3.png) top center /100% no-repeat #71d8ec;}
  15. .gift-card-title .mui-table-view-cell.mui-active{background:transparent;}
  16. .gift-card-title .mui-table-view-cell>a:not(.mui-btn){color: #fff;}
  17. .gift-card-title .mui-table-view-cell>a:not(.mui-btn).mui-active{background:transparent;}
  18. .gift-card-title .mui-navigate-right:after{color: #fff;font-size: 20px;right: 7px;}
  19. .gift-card-title .mui-table-view-cell{color: #fff;}
  20. .mui-table-view-cell:after,.mui-table-view:after{display:none;}
  21. .mui-icon-checkmarkempty{font-size:50px;border:2px solid #fff;border-radius: 50%;}
  22. .my-btn-line{border: 1px solid #71d8ec; background: transparent;color: #71d8ec;padding: 5px 10px;}
  23. </style>
  24. <script>
  25. // 屏蔽分享
  26. window.hiddenAllWechatMenu = true;
  27. </script>
  28. </head>
  29. <body style="background: #fff;">
  30. <div class="loading-bg">
  31. <div class="mui-loading">
  32. <div class="mui-spinner">
  33. </div>
  34. &nbsp;&nbsp;加载中...
  35. </div>
  36. </div>
  37. <div class="mui-content" style="background: #fff;">
  38. <div class="tips">
  39. <ul class="mui-table-view gift-card-title">
  40. <li class="mui-table-view-cell mui-text-center">
  41. <span class="mui-icon mui-icon-checkmarkempty"></span>
  42. </li>
  43. <li class="mui-table-view-cell mui-text-center">兑换成功</li>
  44. </ul>
  45. <ul class="mui-table-view mui-text-center">
  46. <li class="mui-table-view-cell">
  47. 兑换时间:<span class="new-time">1900-01-01 00:00:00</span><br/><h6>(可再次扫描礼品卡上二维码,查询兑换信息)</h6>
  48. </li>
  49. <li class="mui-table-view-cell">
  50. <button type="button" class="my-btn-line" id="go-exchange-details">查看兑换详情</button>
  51. </li>
  52. <li class="mui-table-view-cell">
  53. <image width="50%" src="//s.iamberry.com/watero/images/shop/gift-card-2wm.png" />
  54. </li>
  55. <li class="mui-table-view-cell mui-text-left">
  56. <div style="margin-left:5%;font-size:12px;color:#8f8f94;">1.长按识别二维码关注watero水时代<br/>
  57. 2.公众号回复“礼品卡”,即可查看兑换物流信息<br/>
  58. 3.享受watero水时代完善的产品售后服务</div>
  59. </li>
  60. </ul>
  61. </div>
  62. </div>
  63. <script src="/js/mui.min.js"></script>
  64. <script src="/js/jquery-2.1.1.min.js"></script>
  65. <script src="/js/shop/main.js"></script>
  66. <script src="/js/shop/wechat-utils-1.0.js"></script>
  67. <script type="text/javascript">
  68. mui.ready(function(){
  69. $(".new-time").text(formatDate(new Date()));
  70. document.querySelector('.loading-bg').style.display='none';
  71. });
  72. mui('body').on('tap', '#go-exchange-details', function() {
  73. mui.openWindow({
  74. url: base_path + '/giftCard/card/exchangeUI'
  75. });
  76. });
  77. </script>
  78. </body>
  79. </html>