Home Explore Help
Sign In
liujiankang
/
static
Watch 1
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

双十一活动

wangxiaoming 5 years ago
parent
e221b49039
commit
f9872af8dc
27 changed files with 423 additions and 73 deletions
Split View Show Diff Stats
  1. 348 0
      watero/20191023.html
  2. BIN
      watero/images/20191024/banner.jpg
  3. BIN
      watero/images/20191024/box_ms.jpg
  4. BIN
      watero/images/20191024/box_xsg.jpg
  5. BIN
      watero/images/20191024/box_zj.jpg
  6. BIN
      watero/images/20191024/fg_sj.jpg
  7. BIN
      watero/images/20191024/hei_sj.jpg
  8. BIN
      watero/images/20191024/longtou_new.jpg
  9. BIN
      watero/images/20191024/lv_sj.jpg
  10. BIN
      watero/images/20191024/lv_tz.jpg
  11. BIN
      watero/images/20191024/ms_after.jpg
  12. BIN
      watero/images/20191024/ms_after_zp.jpg
  13. BIN
      watero/images/20191024/ms_before.jpg
  14. BIN
      watero/images/20191024/ms_before_zp.jpg
  15. BIN
      watero/images/20191024/new_hs.jpg
  16. BIN
      watero/images/20191024/new_s3.jpg
  17. BIN
      watero/images/20191024/old_hs.jpg
  18. BIN
      watero/images/20191024/q_10.png
  19. BIN
      watero/images/20191024/q_20.png
  20. BIN
      watero/images/20191024/q_50.png
  21. BIN
      watero/images/20191024/rsj.jpg
  22. BIN
      watero/images/20191024/watero_tz.jpg
  23. BIN
      watero/images/20191024/wb_1_sj.jpg
  24. BIN
      watero/images/20191024/zqj.jpg
  25. BIN
      watero/images/watero_tz.jpg
  26. 5 3
      watero/index.html
  27. 70 70
      watero/js/page/chanpin_details.js

+ 348 - 0
watero/20191023.html
View File 

@@ -0,0 +1,348 @@
 
+<!DOCTYPE html>
 
+<html>
 
+
 
+	<head>
 
+		<meta charset="UTF-8">
 
+		<title></title>
 
+		<meta http-equiv="pragma" content="no-cache">
 
+		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
 
+		<meta http-equiv="expires" content="0">
 
+		<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">
 
+		<meta name="format-detection" content="telphone=no, email=no" />
 
+		<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
 
+		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
 
+		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
 
+		<link rel="stylesheet" type="text/css" href="css/style.css" />
 
+		<style>
 
+			.year-dalog { background: url(images/year-dalog.png) center center no-repeat rgba(0, 0, 0, .7); background-size: 80% auto; position: fixed; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 99; display: none; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: .5s; transition: .5s; }
 
+			.year-dalog.active { -webkit-transform: translateY(0%); transform: translateY(0%); } 
+			.year-dalog img { width: 100%; } 
+			.header { padding: 10px 0 7px 0; height: 65px; box-shadow: 0 0 0 #fff; background: #fff; } 
+			.header h6 { text-indent: 12px; color: #999; letter-spacing: 2px; } 
+			.go-index { width: 30%; margin-right: 1%; float: none; } 
+			.go-index img { width: 80%; padding-top: 5px; margin-left: 12px; max-width: 100px; } 
+			.swiper-container-horizontal>.swiper-pagination-bullets { bottom: 0; } 
+			.swiper-pagination-bullet-active { background: #63ccde; } 
+			.index-title { padding: 7px 12px 7px 12px; display: block; position: relative; } 
+			.index-title strong { font-size: 17px; } 
+			.index-title .mui-pull-right { color: #333; } 
+			.index-title font { display: inline-block; -webkit-transform: translateY(-1px); transform: translateY(-1px); }
 
+ 			.pro-list .mui-media-object { background: #f2f2f2; border-radius: 5px; display: block; }
 
+			.pro-list:before,.pro-list:after {display: none;} 
+			 /* .pro-list.mui-table-view.mui-grid-view>li:nth-child(odd) {padding: 10px 8px 0 14px;} */
 
+			/* .pro-list.mui-table-view.mui-grid-view>li:nth-child(even) {padding: 10px 0 0 22px;} */
 
+			.pro-list.mui-table-view.mui-grid-view>li:nth-child(odd){padding: 0px;}
 
+			.pro-list.mui-table-view.mui-grid-view>li:nth-child(even){padding: 0px;}
 
+			.mui-table-view.mui-grid-view {padding: 0px;}
 
+			.pro-list h6 {margin: 7px 0;color: #bbb;}
 
+			.pro-list .pro-price {font-size: 14px;margin-top: 8px;}
 
+			.pro-list .pro-price span {color: #db3f53;}
 
+			.pro-list .pro-price s {color: #bbb;margin-left: 15px;}
 
+			 body{padding: 0px;margin: 0px;background-color: #FFFFFF;}
 
+			.coupon_class{padding-top:12px ;}
 
+			.ul_class>ul>li{float: left;display: block;}
 
+			.ul_class>ul>li>img{display: block;width: 100%;}
 
+			.ul_class{display: block;width: 100%;}
 
+		</style>
 
+	</head>
 
+	<script>
 
+		var start = new Date(2019,9,24,8,00,00);
 
+		var end = new Date(2019,10,11,23,59,59);
 
+		var d = new Date().getTime(); //当前时间戳
 
+		if (!(d > start && d <= end)) {
 
+			location.href = "index.html";
 
+		}
 
+	</script>
 
+	<body>
 
+		<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="" style="background-color: #fff2f3;">
 
+			<img width="100%" src="images/20191024/banner.jpg" />
 
+
 
+		</div>
 
+		
+		<div class="coupon_class ul_class" style="height: 90px;background-color:#fff2f3 ;">
 
+			<ul>
 
+				<li style="width: 28%;margin-left: 5%;" couponId="30000"><img src="images/20191024/q_10.png" /></li>
 
+				<li style="width: 28%;margin-left: 3%;" couponId="30001"><img src="images/20191024/q_20.png" /></li>
 
+				<li style="width: 28%;margin-left: 3%;" couponId="30002"><img src="images/20191024/q_50.png" /></li>
 
+			</ul>
 
+		</div>
 
+		
+		<div class="slogan_class ul_class" style="height: 65px;padding-top:15px ;">
 
+			<ul>
 
+				<li style="width: 48%;"><img style="margin-left: 3%;" src="images/20191024/box_ms.jpg" /></li>
 
+				<li style="width: 48%;"><img style="margin-left: 5%" src="images/20191024/box_xsg.jpg" /></li>
 
+			</ul>
 
+		</div>
 
+		
+		<div class="ms_class ul_class" style="height: 210px;padding-top:5px ;">
 
+			<ul>
 
+				<li style="width: 48%;"><img style="margin-left: 3%;height: 205px;" src="images/20191024/ms_before.jpg" /></li>
 
+				<li style="width: 48%;"><img style="margin-left: 5%;height: 205px;" src="images/20191024/ms_before_zp.jpg" /></li>
 
+			</ul>
 
+			<div style="position: relative;display: block; top: -104px; left: 20%; font-weight: bold; color: #FF666B;    width: 80px; height: 20px; float: left;" id="endDate">23:59:59</div>
 
+		</div>
 
+		
+		<div class="slogan_class ul_class" style="height: 53px;padding-top:0px ;margin-top: 10px;">
 
+			<ul>
 
+				<li style="width: 97%;"><img style="margin-left: 1.5%;" src="images/20191024/box_zj.jpg" /></li>
 
+			</ul>
 
+		</div>
 
+		
+		<div class="mui-content" style="background: #fff;padding-top:15px ;">
 
+			<!--list结束-->
 
+			<div class="index-title go_web_shop2" style="">
 
+				<strong>WaterO</strong><span class="mui-pull-right go_pro_list"><font>更多</font><span class="mui-icon mui-icon-arrowright"></span></span>
 
+			</div>
 
+			
+			<div class="chanpin-box">
 
+				<ul class="mui-table-view mui-grid-view pro-list">
 
+					<li class="mui-table-view-cell mui-media mui-col-xs-4" style="margin: 0px;" >
 
+						<a proid="66" colorid="49" class="go_chanpin_details" style="width: 96%;padding-left: 3%;padding-right: 1%;margin: 0px;">
 
+							<img class="mui-media-object"  src="images/20191024/zqj.jpg">
 
+						</a>
 
+					</li>
 
+					<li class="mui-table-view-cell mui-media mui-col-xs-4" style="margin: 0px;">
 
+						<a proid="34" colorid="2" class="go_chanpin_details"   style="width: 96%;padding-left: 2%;padding-right: 2%;margin: 0px;">
 
+							<img class="mui-media-object" src="images/20191024/hei_sj.jpg">
 
+						</a>
 
+					</li>
 
+					<li class="mui-table-view-cell mui-media mui-col-xs-4" style="margin: 0px;">
 
+						<a proid="38" colorid="5" class="go_chanpin_details"   style="width: 96%;padding-left: 1%;padding-right: 3%;margin: 0px;">
 
+							<img class="mui-media-object" src="images/20191024/watero_tz.jpg">
 
+						</a>
 
+					</li>
 
+				</ul>
 
+			</div>
 
+			
+			<div class="index-title go_web_shop"  style="margin-top: 20px;">
 
+				<strong>Aiberle</strong><span class="mui-pull-right"><font>更多</font><span class="mui-icon mui-icon-arrowright"></span></span>
 
+			</div>
 
+			
+			<div class="chanpin-box">
 
+				<ul class="mui-table-view mui-grid-view pro-list">
 
+					<li class="mui-table-view-cell mui-media mui-col-xs-4" style="margin: 0px;" >
 
+						<a proid="58" colorid="40" class="go_chanpin_details" style="width: 96%;padding-left: 3%;padding-right: 1%;margin: 0px;">
 
+							<img class="mui-media-object"  src="images/20191024/wb_1_sj.jpg">
 
+						</a>
 
+					</li>
 
+					
+					<li class="mui-table-view-cell mui-media mui-col-xs-4" style="margin: 0px;">
 
+						<a proid="62" colorid="44" class="go_chanpin_details"   style="width: 96%;padding-left: 2%;padding-right: 2%;margin: 0px;">
 
+							<img class="mui-media-object" src="images/20191024/lv_sj.jpg">
 
+						</a>
 
+					</li>
 
+					<li class="mui-table-view-cell mui-media mui-col-xs-4" style="margin: 0px;">
 
+						<a proid="71" colorid="55" class="go_chanpin_details"   style="width: 96%;padding-left: 1%;padding-right: 3%;margin: 0px;">
 
+							<img class="mui-media-object" src="images/20191024/fg_sj.jpg">
 
+						</a>
 
+					</li>
 
+				</ul>
 
+				<ul class="mui-table-view mui-grid-view pro-list" style="margin-top: 15px;">
 
+					<li class="mui-table-view-cell mui-media mui-col-xs-4" style="margin: 0px;" >
 
+						<a proid="85" colorid="70" class="go_chanpin_details" style="width: 96%;padding-left: 3%;padding-right: 1%;margin: 0px;">
 
+							<img class="mui-media-object"  src="images/20191024/new_s3.jpg">
 
+						</a>
 
+					</li>
 
+					<li class="mui-table-view-cell mui-media mui-col-xs-4" style="margin: 0px;">
 
+						<a proid="80" colorid="64" class="go_chanpin_details"   style="width: 96%;padding-left: 2%;padding-right: 2%;margin: 0px;">
 
+							<img class="mui-media-object" src="images/20191024/rsj.jpg">
 
+						</a>
 
+					</li>
 
+					<li class="mui-table-view-cell mui-media mui-col-xs-4" style="margin: 0px;">
 
+						<a proid="81" colorid="65" class="go_chanpin_details"   style="width: 96%;padding-left: 1%;padding-right: 3%;margin: 0px;">
 
+							<img class="mui-media-object" src="images/20191024/new_hs.jpg">
 
+						</a>
 
+					</li>
 
+				</ul>
 
+				<ul class="mui-table-view mui-grid-view pro-list" style="margin-top: 15px;">
 
+					<li class="mui-table-view-cell mui-media mui-col-xs-4" style="margin: 0px;" >
 
+						<a proid="60" colorid="42" class="go_chanpin_details" style="width: 96%;padding-left: 3%;padding-right: 1%;margin: 0px;">
 
+							<img class="mui-media-object"  src="images/20191024/old_hs.jpg">
 
+						</a>
 
+					</li>
 
+					<li class="mui-table-view-cell mui-media mui-col-xs-4" style="margin: 0px;">
 
+						<a proid="61" colorid="43" class="go_chanpin_details"   style="width: 96%;padding-left: 2%;padding-right: 2%;margin: 0px;">
 
+							<img class="mui-media-object" src="images/20191024/longtou_new.jpg">
 
+						</a>
 
+					</li>
 
+					<li class="mui-table-view-cell mui-media mui-col-xs-4" style="margin: 0px;">
 
+						<a proid="75" colorid="59" class="go_chanpin_details"   style="width: 96%;padding-left: 1%;padding-right: 3%;margin: 0px;">
 
+							<img class="mui-media-object" src="images/20191024/lv_tz.jpg">
 
+						</a>
 
+					</li>
 
+				</ul>
 
+			</div>
 
+			
+			<div class="mui-content-padded my-content-padded" id="advs_banner" style="display: block;">
 
+				<!--<a><img src="images/fuqing-1.png"></a>-->
 
+			</div>
 
+			<!--商城首页end-->
 
+		</div>
 
+		<!--春节放假通知-->
 
+		<div class="year-dalog"></div>
 
+		<script src="js/mui.min.js"></script>
 
+		<script src="js/jquery-2.1.1.min.js"></script>
 
+		<script src="js/swiper.min.js"></script>
 
+		<script src="js/main.js"></script>
 
+		<script src="js/page/wechat-utils-1.0.js"></script>
 
+	</body>
 
+	<script>
 
+		var clickdate = JSON.parse(localStorage.getItem('clickdate'));
 
+		mui.ready(function() {
 
+			//springFestivalPop();
 
+			marquee_Show();
 
+			getCartNum();
 
+			$.ajax(base_path + '/indexData?dates=' + new Date().getTime(), {
 
+				dataType: 'json',
 
+				type: 'post',
 
+				timeout: 15000,
 
+				xhrFields: {
 
+					withCredentials: true
 
+				},
 
+				crossDomain: true,
 
+				success: function(dt) {
 
+					if(dt.isRedirect) {
 
+						location.href = dt.redirectURL;
 
+					} else {
 
+							var shareOpenid = dt.data.memberOpenid;
 
+							var link = domanUrl + "/wateroWechat/index.html?shareOpenid=" + shareOpenid;
 
+							window.repleFlag = false;
 
+							window.wxFriend = {
 
+								"appId": "",
 
+								"imgUrl": domanUrl + '/wateroWechat/images/index.jpg',
 
+								"link": link,
 
+								"desc": "WaterO水时代商城，开启优雅生活",
 
+								"title": "WaterO水时代商城，好水，好茶，生活不将就！",
 
+								"netError": "您的网络异常，请刷新重试!如多次刷新无效，请向我们反应 ~",
 
+								"shareTimeSuccess": "分享成功",
 
+								"shareTimeCancel": "已取消分享",
 
+								"shareAppSuccess": "分享成功!",
 
+								"shareAppCancel": "已取消分享"
 
+							};
 
+							getConfig();
 
+					}
 
+				},
 
+				error: function(xhr, type, errorThrown) {
 
+					console.log(xhr)
 
+				}
 
+			});
 
+			if(marquee != '') {
 
+				$('body').append('<div class="marquee-show"><div></div></div>')
 
+			}
 
+		
+		});
 
+		$(document).on('tap', '.go_web_shop2', function() {
 
+			location.href = 'chanpin_list.html?proType=16';
 
+		});
 
+		$(document).on('tap', '.coupon_class>ul>li', function() {
 
+			var couponId = this.getAttribute("couponId");
 
+			$.ajax(base_path + '/coupon/receive_coupon_end?dates=' + new Date().getTime(), {
 
+				data: {
 
+					"couponId": couponId
 
+				},
 
+				dataType: 'json',
 
+				xhrFields: {
 
+					withCredentials: true
 
+				},
 
+				crossDomain: true,
 
+				type: 'post',
 
+				timeout: 15000,
 
+				success: function(dt) {
 
+					if(dt.isRedirect) {
 
+						location.href = dt.redirectURL;
 
+					} else {
 
+						if(dt.status) {
 
+							mui.toast(dt.message);
 
+						} else {
 
+							mui.toast(dt.message);
 
+						}
 
+					}
 
+				},
 
+				error: function(xhr, type, errorThrown) {
 
+					console.log(xhr);
 
+					mui.alert("领取失败！网络出小差了", function() {
 
+						
+					});
 
+				}
 
+			});
 
+		});
 
+		
+		$(document).ready(function() {
 
+			var d = new Date().getTime(); //当前时间戳
 
+			//弹窗提示时间为1月18日-2月13日
 
+			if(d > 1547740800000 && d < 1550073599000) {
 
+				if(!window.localStorage) {
 
+					mui.alert("您的浏览器不支持localStorage");
 
+				} else {
 
+					if(clickdate != null) {
 
+						var oldDate = new Date(clickdate.text).getDay();
 
+						//如果本地存储的getDay比当前时间的getDay大则显示弹窗
 
+						if(new Date().getDay() > oldDate) {
 
+							$(".year-dalog").addClass("active").show();
 
+						}
 
+					} else {
 
+						//本地没有存储时间也显示弹窗
 
+						$(".year-dalog").addClass("active").show();
 
+					}
 
+				}
 
+			}
 
+		});
 
+		
+		/**
 
+		 * 
+		 */
 
+		var endDate = new Date(2019,10,10,00,00,00);	//秒杀
 
+		var endDate = new Date(2019,10,10,00,00,00);	//限时购
 
+		function calculatingTime(){
 
+			 var newdate = new Date();//获取当前时间
 
+			  var dateDiff = endDate.getTime() - newdate;//时间差的毫秒数
 
+			  var dayDiff = Math.floor(dateDiff / (24 * 3600 * 1000));//计算出相差天数
 
+			  var leave1=dateDiff%(24*3600*1000)  //计算天数后剩余的毫秒数
 
+			  var hours=Math.floor(leave1/(3600*1000))//计算出小时数
 
+			  var allHours = hours + dayDiff*24;	//计算总小时数
 
+			  //计算相差分钟数
 
+			  var leave2=leave1%(3600*1000)  //计算小时数后剩余的毫秒数
 
+			  var minutes=Math.floor(leave2/(60*1000))//计算相差分钟数
 
+			  //计算相差秒数
 
+			  var leave3=leave2%(60*1000)   //计算分钟数后剩余的毫秒数
 
+			  var seconds=Math.round(leave3/1000)
 
+			  //console.log("总小时："+ allHours +";相差天数："+dayDiff+";小时："+hours+";分钟"+minutes+";秒数"+seconds);
 
+			  
+			  if(minutes < 10){
 
+				  minutes = "0"+minutes;
 
+			  }
 
+			  if(seconds < 10){
 
+				  seconds = "0"+seconds;
 
+			  }
 
+			  $("#endDate").text(allHours+":"+minutes+":"+seconds)
 
+		}
 
+		$(document).ready(function() {
 
+			//一秒刷新一次显示时间 
+			setInterval(function(){
 
+				calculatingTime();
 
+			},1000)
 
+		 })
 
+	</script>
 
+
 
+</html>

BIN
watero/images/20191024/banner.jpg
View File


BIN
watero/images/20191024/box_ms.jpg
View File


BIN
watero/images/20191024/box_xsg.jpg
View File


BIN
watero/images/20191024/box_zj.jpg
View File


BIN
watero/images/20191024/fg_sj.jpg
View File


BIN
watero/images/20191024/hei_sj.jpg
View File


BIN
watero/images/20191024/longtou_new.jpg
View File


BIN
watero/images/20191024/lv_sj.jpg
View File


BIN
watero/images/20191024/lv_tz.jpg
View File


BIN
watero/images/20191024/ms_after.jpg
View File


BIN
watero/images/20191024/ms_after_zp.jpg
View File


BIN
watero/images/20191024/ms_before.jpg
View File


BIN
watero/images/20191024/ms_before_zp.jpg
View File


BIN
watero/images/20191024/new_hs.jpg
View File


BIN
watero/images/20191024/new_s3.jpg
View File


BIN
watero/images/20191024/old_hs.jpg
View File


BIN
watero/images/20191024/q_10.png
View File


BIN
watero/images/20191024/q_20.png
View File


BIN
watero/images/20191024/q_50.png
View File


BIN
watero/images/20191024/rsj.jpg
View File


BIN
watero/images/20191024/watero_tz.jpg
View File


BIN
watero/images/20191024/wb_1_sj.jpg
View File


BIN
watero/images/20191024/zqj.jpg
View File


BIN
watero/images/watero_tz.jpg
View File


+ 5 - 3
watero/index.html
View File 

@@ -5,7 +5,7 @@
 
 		<meta charset="UTF-8">
 
 		<title></title>
 
 		<meta http-equiv="pragma" content="no-cache">
 
-		<meta http-equiv="cache-control" content="no-cache">
 
+		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
 
 		<meta http-equiv="expires" content="0">
 
 		<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">
 
@@ -48,9 +48,11 @@
 
 		</style>
 
 	</head>
 
 	<script>
 
+		var start = new Date(2019,9,24,8,00,00);
 
+		var end = new Date(2019,10,11,23,59,59);
 
 		var d = new Date().getTime(); //当前时间戳
 
-		if (d > 1558627200000 && d <= 1560873599000) {
 
-			location.href = "20190618.html";
 
+		if (d > start && d <= end) {
 
+			location.href = "20191023.html?dates="+new Date().getTime();
 
 		}
 
 	</script>
 
 	<body>

File diff suppressed because it is too large
+ 70 - 70
watero/js/page/chanpin_details.js