123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117 |
- <!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>
- .my-bar-nav {top: 0;-webkit-box-shadow: 0 0 0 #ccc;box-shadow: 0 0 0 #ccc;background: #fff;}
- .my-bar-nav .mui-btn-link{color: #1cc9f4;font-size: 14px;}
- .my-btn-bluetooth{color: #1cc9f4;padding:2px 18px;font-size: 15px;border-color: #1cc9f4;}
- .my-table-noline:after,.my-table-noline:before,.my-table-noline li:after,.my-table-noline:before{display: none;}
- .mui-btn-link{color: #1cc9f4;}
- .my-btn-water-quality{padding:6px 38px;font-size: 15px;}
- .my-btn-water-quality.active{border: 1px solid rgba(78,215,249,.5);color: #1cc9f4;}
- </style>
- <script src="/js/mui.min.js"></script>
- <script src="/js/jquery-2.1.1.min.js"></script>
- <script src="/js/shop/main.js"></script>
- <script>
- var shareId=getParam("shareId");
- // 屏蔽分享
- //window.hiddenAllWechatMenu = true;
- var url = '//'+document.domain+'/watero/view/water_competition.html?shareId='+shareId;
- window.repleFlag = true;
- window.repleWxData = {
- "appId": "",
- "imgUrl": '//s.iamberry.com/watero/images/shop/share-lease.png',
- "link": url,
- "desc": "快来围观吧,美国watero一款可移动的净水机。",
- "title": "净水机可以租啦!",
- "netError": "您的网络异常,请刷新重试!如多次刷新无效,请向我们反应 ~",
- "shareTimeSuccess": "分享成功",
- "shareTimeCancel": "已取消分享",
- "shareAppSuccess": "分享成功!",
- "shareAppCancel": "已取消分享"
- };
- </script>
- </head>
- <body style="background: #fff;">
- <div class="loading-bg">
- <div class="mui-loading">
- <div class="mui-spinner">
- </div>
- 加载中...
- </div>
- </div>
- <div class="mui-content" style="background: #fff;">
- <ul class="mui-table-view mui-text-center my-table-noline">
- <li class="mui-table-view-cell">
- </li>
- <li class="mui-table-view-cell">
- <img id="wechat_tx" src="//s.iamberry.com/watero/images/shop/image-12.jpg" width="60px" style="border-radius: 50%;border: 3px solid #afedfc;"/><br/>
- <span class="mui-h6 wechat_name"></span>
- <div><a class="mui-btn mui-btn-link">快来围观吧,我家净水管家,本领强,颜值高!</a></div>
- </li>
- <li class="mui-table-view-cell">
- <img src="//s.iamberry.com/watero/images/shop/my_equipment.png" width="45%" />
- </li>
- <li class="mui-table-view-cell">
- 总净饮水量:<span class="count_l">0</span> L
- <br/>
- <span class="mui-h6">相当于<span class="tong_l">0</span>桶传统18.9 L的桶装水</span>
- </li>
- <li class="mui-table-view-cell">
- <span class="mui-h5 my_shuizhi">我家水质(tds):未知</span>
- </li>
- <li class="mui-table-view-cell">
- <img src="//s.iamberry.com/watero/images/shop/szbp_2wm.png" width="30%" />
- </li>
- <li class="mui-table-view-cell mui-h6">
- 长按识别,马上租用<br/>甚至不要押金哦!
- </li>
- </ul>
- </div>
- <script src="/js/shop/wechat-utils-1.0.js"></script>
- <script type="text/javascript">
- mui.ready(function(){
- mui.ajax(base_path + '/machine/selectCompeteWater', {
- data: {
- shareId: shareId
- },
- type: 'post',
- timeout: 15000,
- success: function(dt) {
- /*console.log(dt)*/
- if(dt.isRedirect) {
- location.href = dt.redirectURL;
- }else{
- console.log(dt);
- if(dt.status) {
- $(".wechat_tx").attr("src",dt.competeWaterInfo.shareUserHead);
- $(".wechat_name").text(decodeURI(dt.competeWaterInfo.shareNickname));
- $(".count_l").text(dt.competeWaterInfo.machineAmountWater);
- console.log(accDiv(dt.competeWaterInfo.machineAmountWater,18.9))
- $(".tong_l").text(accDiv(dt.competeWaterInfo.machineAmountWater,18.9));
- $(".my_shuizhi").text("我家水质(tds):"+dt.competeWaterInfo.machineWaterTDS);
- }
- }
- },
- error: function(xhr, type, errorThrown) {
- console.log(xhr)
- }
- });
- document.querySelector('.loading-bg').style.display='none';
- });
- </script>
- </body>
- </html>
|