push_jiangli.html 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  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. .desc-content{padding:30px 0 40px 0;background: #fff;}
  14. .img_div>img{display: block;}
  15. .my-btn-blue{border: 1px solid rgba(73,212,246,.5);background-color: transparent;color: rgb(73,212,246);}
  16. .my-btn-box{text-align: center;padding: 20px;background: #fff;}
  17. .my-btn-box>button{margin: 0 25px;}
  18. .my-btn-blue:active{background-color:rgb(73,212,246) !important;color: #fff !important;}
  19. .mui-backdrop {position: fixed;z-index: 998;top: 0;right: 0;bottom: 0;left: 0;background: url(//s.iamberry.com/watero/images/shop/share_tj.png) top center no-repeat rgba(0, 0, 0, .4);background-size: 100%;}
  20. </style>
  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. <div class="img_div">
  32. <img width="100%" src="//s.iamberry.com/watero/images/shop/2017-04-13-01.jpg" />
  33. <img width="100%" src="//s.iamberry.com/watero/images/shop/2017-04-13-02.jpg" />
  34. <img width="100%" src="//s.iamberry.com/watero/images/shop/2017-04-13-03.jpg" />
  35. </div>
  36. <div class="my-btn-box">
  37. <button class="mui-btn my-btn-blue" id="i_want_lease">我要租用</button><button class="mui-btn my-btn-blue" id="my_btn_share">分享推荐</button>
  38. </div>
  39. <div class="mui-text-center mui-h6 desc-content">
  40. 注:本活动最终解释权归爱贝源科技有限公司所有
  41. </div>
  42. </div>
  43. <script src="/js/mui.min.js"></script>
  44. <script src="/js/jquery-2.1.1.min.js"></script>
  45. <script src="/js/shop/main.js"></script>
  46. <script src="/js/shop/wechat-utils-1.0.js"></script>
  47. <script type="text/javascript">
  48. mui.ready(function(){
  49. $.ajax({
  50. type: 'post',
  51. url: base_path + '/rent_order/select_rent_order_num',
  52. data: {},
  53. dataType: 'json',
  54. timeout: 15000,
  55. success: function(dt) {
  56. console.log(dt)
  57. if(dt.isRedirect) {
  58. location.href = dt.redirectURL;
  59. } else {
  60. if(dt.status){
  61. if(dt.data>0){
  62. mui.openWindow({
  63. url: "i_want_lease.html?dates=" + new Date().getTime()
  64. })
  65. }
  66. }
  67. }
  68. },
  69. error: function(xhr, type, errorThrown) {
  70. console.log(xhr);
  71. }
  72. })
  73. var url = "https:" + domanUrl+"/watero/view/push_jiangli.html";
  74. window.repleFlag = false;
  75. window.wxFriend = {
  76. "appId": "",
  77. "imgUrl": '//s.iamberry.com/watero/images/shop/share_lease_0.jpg',
  78. "link": url,
  79. "desc": "高端智能净水机不用买,可以直接拿回家用啦!这是一款可租赁的智能净水机!体验好了,分享出去,还可有千元现金可以拿!",
  80. "title": "Watero智能净水机免费用!还可赢现金豪礼!",
  81. "netError": "您的网络异常,请刷新重试!如多次刷新无效,请向我们反应 ~",
  82. "shareTimeSuccess": "分享成功",
  83. "shareTimeCancel": "已取消分享",
  84. "shareAppSuccess": "分享成功!",
  85. "shareAppCancel": "已取消分享"
  86. };
  87. getConfig();
  88. document.querySelector('.loading-bg').style.display='none';
  89. });
  90. mui('body').on('tap', '#i_want_lease', function() {
  91. mui.openWindow({
  92. url: "i_want_lease.html?dates=" + new Date().getTime()
  93. })
  94. });
  95. mui('body').on('tap', '#my_btn_share', function() {
  96. mask.show();
  97. });
  98. var mask = mui.createMask(function() {});
  99. </script>
  100. </body>
  101. </html>