clearing.html 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>结算订单</title>
  6. <meta name="Expires" content="0">
  7. <meta name="Cache-Control" content="no-store, no-cache, must-revalidate">
  8. <meta name="Cache-Control" content="post-check=0, pre-check=0">
  9. <meta name="Pragma" content="no-cache">
  10. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  11. <meta name="apple-mobile-web-app-capable" content="yes">
  12. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  13. <link rel="stylesheet" type="text/css" href="//css.iamberry.com/wateroPF/css/mui.min.css?v=2016111701" />
  14. <link rel="stylesheet" type="text/css" href="//css.iamberry.com/wateroPF/css/iconfont.css?v=2016111701" />
  15. <link rel="stylesheet" type="text/css" href="//css.iamberry.com/wateroPF/css/style.css?v=2016111701" />
  16. <link rel="stylesheet" type="text/css" href="//css.iamberry.com/wateroPF/css/clearing.css?v=2016111701" />
  17. <script type="text/javascript">
  18. // 屏蔽分享
  19. window.hiddenAllWechatMenu = true;
  20. </script>
  21. </head>
  22. <body>
  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. <div class="mui-content">
  31. <ul class="mui-table-view more">
  32. <li class="mui-table-view-cell line-color" style="padding:20px 10px;">
  33. <div style="display: none;" id="user-address-div"></div>
  34. <a class="check_address" id="open-wechat-addres-a">
  35. <span>请选择收货地址!</span><span class="mui-icon mui-icon-forward icon-r-c"></span>
  36. </a>
  37. </li>
  38. </ul>
  39. <ul class="mui-table-view mui-table-view-chevron" id="products-list-ul">
  40. <li class="mui-table-view-cell mui-media" id="load-li">
  41. &nbsp;&nbsp;加载产品信息中...
  42. </li>
  43. </ul>
  44. <ul class="mui-table-view my-yhq-tab">
  45. <li class="mui-table-view-cell forward">
  46. <a href="#forward" class="mui-navigate-right">
  47. <div class="mui-media-body">
  48. 我的优惠券<span class="yhq-right"><span class="cl-red" id="yhq_count">0</span>张可使用</span>
  49. </div>
  50. </a>
  51. </li>
  52. <div style="padding: 10px 15px 0 15px;">可用余额:<span class="cl-red" id="used_balance">¥0.00</span></div>
  53. <li class="mui-table-view-cell pay_ipt_box" style="padding: 0;">
  54. <div class="mui-input-group">
  55. <div class="mui-input-row">
  56. <label>输入使用金额:</label>
  57. <input id="pay_ipt" type="number" placeholder="(如699)">
  58. </div>
  59. </div>
  60. </li>
  61. <li class="mui-table-view-cell" style="padding: 0;">
  62. <div class="mui-input-group">
  63. <div class="mui-input-row">
  64. <label>订单备注:</label>
  65. <input type="text" placeholder="(可选填)" id="textarea">
  66. </div>
  67. </div>
  68. </li>
  69. <li class="mui-table-view-cell" id="accSub">
  70. <div>优惠券:<span class="mui-pull-right cl-red">- ¥<span id="yhq_price">0</span></span></div>
  71. <div>账户余额:<span class="mui-pull-right cl-red">- ¥<span id="used_buy">0</span></span></div>
  72. </li>
  73. </ul>
  74. <div class="clearing-count">还需支付:<font class="cl-red">¥</font><span class="cl-red" id="user-pay-money-span">加载中...</span></div>
  75. <div class="pay_weixin">
  76. <button type="button" class="mui-btn mui-btn-success mui-btn-block btn-weixin-pay" id="btn-weixin-pay">微信支付</button>
  77. </div>
  78. </div>
  79. <div id="forward" class="mui-popover mui-popover-action mui-popover-bottom">
  80. <div class="mui-input-group mui-table-view-radio my-popover ">
  81. </div>
  82. <ul class="mui-table-view">
  83. <li class="mui-table-view-cell">
  84. <a href="#forward"><b>确定</b></a>
  85. </li>
  86. </ul>
  87. </div>
  88. <!--国庆节弹窗开始-->
  89. <div id="my-dalog" style="position: fixed;width: 100%;height: 100%;left: 0;top:0;text-align: center;display: none;background-color:rgba(0,0,0,.7);">
  90. <img width="80%" src="//s.iamberry.com/wateroPF/new/images/shop/dalog-2017-10-01.png" />
  91. <div style="padding-top: 10px;color: #fff;"><span class="iconfont icon-guanbi" id="btn-close"></span></div>
  92. </div>
  93. <!--国庆节弹窗结束-->
  94. <script src="//s.iamberry.com/wateroPF/js/mui.min.js?v=2016111701"></script>
  95. <script src="//s.iamberry.com/wateroPF/js/jquery-2.1.1.min.js"></script>
  96. <script src="//s.iamberry.com/wateroPF/js/shop/main.js?v=2016111701"></script>
  97. <script src="//s.iamberry.com/wateroPF/js/shop/wechat-utils-1.0.js"></script>
  98. <script src="//s.iamberry.com/wateroPF/js/shop/layer.js"></script>
  99. <!--<script src="//s.iamberry.com/wateroPF/js/shop/clearing.js?v=201612030009"></script>-->
  100. <script src="//s.iamberry.com/wateroPF/new/js/page/clearing.js?v=201612030009"></script>
  101. <script>
  102. var now=new Date();
  103. var month=now.getMonth()+1;
  104. var date=now.getDate();
  105. if(month>8 && month<11){
  106. if((month==9 && date==30) || (month==10 && (date>0 && date<7))){
  107. $("#my-dalog").show();
  108. }
  109. }
  110. mui('body').on('tap', '#btn-close', function() {
  111. $("#my-dalog").hide();
  112. });
  113. </script>
  114. </body>
  115. </html>