<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>WaterO</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>
/*loading*/
.loading {
width: 100%;
height: 100%;
position: fixed;
top: 0;
padding-top: 50%;
left: 0;
background: rgba(0, 0, 0, 0.8);
z-index: 999;
}
.loading-bj {
background: url(images/loading.png);
width: 20px;
height: 20px;
background-size: 20px;
margin: 0.3rem auto 0;
animation: rotateIn 1s .2s linear infinite;
-moz-animation: rotateIn 1s .2s linear infinite;
-webkit-animation: rotateIn 1s .2s linear infinite;
}
.loading p {
color: #fff;
opacity: .7;
font-size: 12px;
text-align: center;
margin-top: 0.1rem;
}
.index-title {
text-align: center;
}
.no-after:after,
.no-after:before,
.no-after .mui-table-view-cell:after {
display: none;
}
.no-after .mui-table-view-cell.mui-active {
background: #fff;
}
.pro-list .mui-media-body {
font-size: 14px;
}
.my-table-order tr td:last-child {
padding-right: 0;
}
.my-table-order {
font-size: 12px;
}
.cl-red {
color: #ec6276;
}
.wh-120 {
width: 130px !important;
max-width: 130px !important;
height: 130px !important;
line-height: 130px;
margin-top: 0;
overflow: hidden;
margin-right: 10px;
}
.wh-120 img {
width: 100%;
}
.my-table-order .btn-ping {
background: #ec6276;
border: 0;
border-radius: 50px;
color: #fff;
min-width: 70px;
text-align: center;
}
.my-table-order .btn-qiang {
background: #ec6276;
border: 0;
border-radius: 50px;
color: #fff;
min-width: 70px;
text-align: center;
}
.my-table-order .btn-qiang[disabled]{
background: #ccc;
}
.my-table-order h4 {
margin: 0;
font-size: 14px;
font-weight: 500;
}
.my-table-order h6 {
margin: 0;
color: #999;
}
.my-table-order .yf {
padding-bottom: 15px;
}
.time-out {
color: #ec6276;
}
.qixi {
border: 1px solid #5ecddf;
border-radius: 30px;
color: #5ecddf;
background: transparent;
display: block;
width: 70px;
padding: 0;
line-height: 1.5;
text-align: center;
}
.mui-col-xs-4 img {
width: 100%;
padding: 0 3%;
}
.mui-col-xs-4:first-child img {
padding-right: 6%;
padding-left: 0;
}
.mui-col-xs-4:last-child img {
padding-left: 6%;
padding-right: 0;
}
.mui-col-xs-4 a s {
color: #999;
margin-left: 10px;
}
.mui-col-xs-4 .content {
padding-right: 5%;text-align:center;
}
.mui-table-view>.mui-table-view-cell {
padding: 11px 13px;
}
.mui-table-view>.mui-table-view-cell>a.mui-active{background: #fff;}
.mui-table-view-striped>.mui-table-view-cell {
padding: 5px 12px;
}
.btn-qiang{background: #ec6276;color: #fff;border-radius: 25px;border: 0;min-width: 60px;text-align: center;position: absolute;right: 3%;bottom: 14%;display: none;}
</style>
</head>
<body style="background: #fff;">
<div class="loading covers">
<div class="loading-bj"></div>
<p>正在加载...</p>
</div>
<nav class="mui-bar mui-bar-tab" id="footer-bar">
<a class="mui-tab-item mui-active">
<div class="iconfont icon-shouye"></div>
<span class="mui-tab-label">首页</span>
</a>
<a class="mui-tab-item go_gwc">
<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-wode"></div>
<span class="mui-tab-label">我的</span>
</a>
</nav>
<div class="mui-content" style="background: #fff;">
<!--banner 开始-->
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide"><img width="100%" src="images/2019072901.jpg" /></div>
</div>
<!-- 如果需要分页器 -->
<div class="swiper-pagination mui-text-center"></div>
</div>
<!--banner 结束-->
<div style="background: #faf5f5;clear: both;position: relative;padding:16px 14px 12px 14px;">
<div style="background: #fff;margin:0;padding: 10px 0;">
<div class="index-title">
<strong>2人成团</strong>
</div>
<table>
<tr>
<td proid="66" colorid="49" class="go_chanpin_details">
<img width="100%" src="images/2019080601.jpg" />
</td>
<td proid="71" colorid="55" class="go_chanpin_details">
<img width="100%" src="images/2019080602.jpg" />
</td>
<td proid="60" colorid="42" class="go_chanpin_details">
<img width="100%" src="images/2019080603.jpg" />
</td>
</tr>
</table>
</div>
</div>
<div style="background: #faf5f5;padding:5px 14px;">
<div style="background: #fff;padding: 10px 0;position: relative;">
<div class="index-title">
<strong>限时抢购</strong>
</div>
<img proid="61" colorid="43" class="go_chanpin_details" width="100%" src="images/2019080607.png" />
<div style="position: absolute;bottom: 16%;left: 42%;">
<span class="iconfont icon-naozhong cl-red"></span><span class="time-out" id="showtime">00:00:00</span>
</div>
<button type="button" class="mui-btn btn-qiang">抢购</button>
</div>
</div>
<div style="background: #faf5f5;padding:12px 14px 16px 14px;">
<div style="background: #fff;padding-top: 10px;">
<div class="index-title">
<strong>买净水机送好礼</strong>
</div>
<img width="100%" src="images/2019080102.png" />
</div>
</div>
<div style="padding: 10px 0;">
<div class="index-title">
<strong>价格直降</strong><div style="position: absolute;right: 10px;top: 5px;" class="go_web_shop"><span>更多</span><font class="mui-icon mui-icon-arrowright" style="font-size: 18px;font-weight: bold;"></font></div>
</div>
<table>
<tr>
<td proid="34" colorid="2" class="go_chanpin_details">
<img width="100%" src="images/2019080604.jpg" />
</td>
<td proid="58" colorid="40" class="go_chanpin_details">
<img width="100%" src="images/2019080605.jpg" />
</td>
<td proid="38" colorid="5" class="go_chanpin_details">
<img width="100%" src="images/2019080606.jpg" />
</td>
</tr>
</table>
</div>
<br />
</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>
</body>
<script>
//ajax loading
$(window).ajaxStart(function() {
$(".covers").show();
});
$(window).ajaxStop(function() {
$(".covers").hide();
});
$(document).on('tap', '.go', function() {
location.href = '';
});
mui.ready(function() {
getCartNum();
fenxiang();
//活动倒计时
var date = new Date('2019/08/12 00:00:00');//活动截止如期 2019-08-13 0:00:00
let countdown = () => {
let showtime = dc('showtime')
let now = new Date().getTime();
let end = date.getTime();
let last_time = end - now;
if(now - end > 0) {
//抢购活动结束
$("#showtime").text("抢购已结束").css("font-size", "10px");
//location.href='index.html';
} else {
const px_d = 1000 * 60 * 60 * 24;
const px_h = 1000 * 60 * 60;
const px_m = 1000 * 60;
const px_s = 1000;
let d = Math.floor(last_time / px_d);
let h = Math.floor((last_time - d * px_d) / px_h);
let m = Math.floor((last_time - d * px_d - h * px_h) / px_m);
let s = Math.floor((last_time - d * px_d - h * px_h - m * px_m) / px_s);
let html = ``
if(now>1565539200000 && now<1565625600000){
date = new Date('2019/08/13 00:00:00');
html = `${h}时${m}分${s}秒`
$('.btn-qiang').show();
}else if(now>1565625600000){
html = `已结束，请下次尽早参与活动.`
$('.btn-qiang').hide();
}else{
html = `待开始${d}天${h}时${m}分${s}秒`
}
showtime.innerHTML = html;
clearTimeout();
}
}
setInterval(function() {
countdown();
}, 1000)
$(".loading").hide().css("opacity", "0"); //隐藏（正在加载...）
});
//分享
function fenxiang() {
var src = location.href;
window.wxFriend = {
"appId": "",
"imgUrl": 'https://s.iamberry.com/watero/wechat/images/2019080701.jpg',
"link": src,
"desc": '二人成团，惊喜折扣。更多好礼等你来',
"title": '情定七夕，钜惠好礼',
"netError": "您的网络异常，请刷新重试!如多次刷新无效，请向我们反应 ~",
"shareTimeSuccess": "分享成功",
"shareTimeCancel": "已取消分享",
"shareAppSuccess": "分享成功!",
"shareAppCancel": "已取消分享"
};
getConfig();
}
</script>
</html>