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

jfsc

qihanjiao 7 years ago
parent
b2c77be40e
commit
d1f5767522
15 changed files with 735 additions and 22 deletions
Split View Show Diff Stats
  1. 53 0
      tooth/cash-coupon-dic.html
  2. 186 0
      tooth/cash-coupon-log.html
  3. 172 0
      tooth/cash-coupon.html
  4. 27 1
      tooth/css/iconfont.css
  5. 45 2
      tooth/css/main.css
  6. BIN
      tooth/fonts/iconfont.ttf
  7. BIN
      tooth/images/100-quan.jpg
  8. BIN
      tooth/images/20-quan.jpg
  9. BIN
      tooth/images/30-quan.jpg
  10. BIN
      tooth/images/50-quan.jpg
  11. BIN
      tooth/images/banner-4.jpg
  12. BIN
      tooth/images/banner-5.jpg
  13. 156 15
      tooth/index.html
  14. 5 4
      tooth/my-center.html
  15. 91 0
      tooth/vip-explain.html

+ 53 - 0
tooth/cash-coupon-dic.html
View File 

@@ -0,0 +1,53 @@
 
+<!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/main.css" />
 
+		<script type="text/javascript">
 
+			// 屏蔽分享
 
+			window.hiddenAllWechatMenu = true;
 
+		</script>
 
+	</head>
 
+	<body>
 
+		<div class="mui-content">
 
+			<div class="mui-content-padded">
 
+				<br />
 
+		        	<h4 class="mui-text-center">兑换规则说明</h4>
 
+		        	<div class="explain" >
 
+		        		<p>1.积分可在积分有礼专区参加积分活动。按活动要求，参加一次扣除相应积分</p>
 
+		        		<p>2. 积分活动推成出新，达到每次活动最低积分用户即可参加（除恶意、作弊或不道德用户除外） </p>
 
+		        		<p>3. 不同的奖品或兑换礼品，对应不同的最低积分。如，某奖品要求的最低积分为100，如果您要参加2次抽奖，就需要可用积分达到或超过200分</p>
 
+		        	</div>
 
+		        </div>
 
+		</div>
 
+		<!-- 加载ing begin-->
 
+		<div class="loading covers">
 
+			<div class="loading-bj"></div>
 
+			<p>正在加载...</p>
 
+		</div>
 
+		<!-- 加载ing end -->
 
+	<script type="text/javascript" src="js/mui.min.js"></script>
 
+	<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
 
+	<script type="text/javascript" src="js/main.js"></script>
 
+	<!--<script src="js/wechat-utils-1.0.js"></script>-->
 
+	<script type="text/javascript">
 
+		window.addEventListener('pageshow', function(e) {
 
+				// 通过persisted属性判断是否存在 BF Cache
 
+				if(e.persisted) {
 
+					location.reload();
 
+				}
 
+		});
 
+	var orderId=getParam("orderId");	
+	mui.ready(function(){
 
+		var parameter = {}; //ajax参数json集合
 
+		$(".loading").hide().css("opacity", "0");//隐藏（正在加载...）
 
+	});	
+	</script>
 
+	</body>
 
+</html>

+ 186 - 0
tooth/cash-coupon-log.html
View File 

@@ -0,0 +1,186 @@
 
+<!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/main.css" />
 
+		<script type="text/javascript">
 
+			// 屏蔽分享
 
+			window.hiddenAllWechatMenu = true;
 
+		</script>
 
+	</head>
 
+
 
+	<body>
 
+		<!--下拉刷新容器-->
 
+		<div id="pullrefresh_yhq_list" class="mui-content mui-scroll-wrapper">
 
+			<div class="mui-scroll">
 
+				<!--现金券列表-->
 
+				<ul class="my-yhq-list" id="cash-list">
 
+
 
+				</ul>
 
+			</div>
 
+		</div>
 
+		<script type="text/javascript" src="js/mui.min.js"></script>
 
+		<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
 
+		<script type="text/javascript" src="js/main.js"></script>
 
+		<!--<script type="text/javascript" src="js/wechat-utils-1.0.js"></script>-->
 
+		<script>
 
+			window.addEventListener('pageshow', function(e) {
 
+				// 通过persisted属性判断是否存在 BF Cache
 
+				if(e.persisted) {
 
+					location.reload();
 
+				}
 
+			});
 
+			var pageNumber = 0,count=0,
 
+				pagesize = 10;
 
+			mui.init({
 
+				pullRefresh: {
 
+					container: '#pullrefresh_yhq_list',
 
+					down: {
 
+						//callback: pulldownRefresh
 
+					},
 
+					up: {
 
+						contentrefresh: '正在加载...',
 
+						callback: pullupRefresh
 
+					}
 
+				}
 
+			});
 
+			/**
 
+			 * 上拉加载具体业务实现
 
+			 */
 
+			function pullupRefresh() {
 
+				++pageNumber; //每次上拉页数+1
 
+				$.ajax(base_path + '/wechat/integral_order/list_order?dates=' + new Date().getTime(), {
 
+					data: {
 
+						"pageNo": pageNumber, //pageNo第几页
 
+						"pageSize": pagesize //pageSize每页条数
 
+					},
 
+					dataType: 'json',
 
+					xhrFields: {
 
+						withCredentials: true
 
+					},
 
+					crossDomain: true,
 
+					type: 'get',
 
+					timeout: 15000,
 
+					success: function(dt) {
 
+						if(dt.isRedirect) {
 
+							location.href = dt.redirectURL;
 
+						} else {
 
+							console.log(dt)
 
+							if(dt.status) { //判断接口返回状态status
 
+								var table = document.body.querySelector('.my-yhq-list');
 
+								var data = dt.data.integralOrder;
 
+								mui('#pullrefresh_yhq_list').pullRefresh().endPullupToRefresh(dt.data.integralOrder.length < pagesize); //endPullupToRefresh(ture)表示没有更多数据了，停止上拉加载
 
+								mui.each(data, function(index) {
 
+									var li = document.createElement('li'); //创建li标签
 
+									li.className = 'my-yhq-cell';
 
+									console.log(this.integralItemList)
 
+									li.innerHTML = '<img width="80px" src="'+this.integralItemList[0].integralItemProductPic+'" /><div class="fixed-box"><div class="table"><div class="left-cell"><span class="tit">'+this.integralItemList[0].integralItemProductName+'</span><p class="time">'+this.integralItemList[0].integralItemDfbi+'朵粉币</p><br/><div>'+this.integralItemList[0].integralProductDesc+'<span class="mui-pull-right">有效期至：'+this.integralItemList[0].couponUseEndDate+'</span></div></div></div></div';
 
+									table.appendChild(li);
 
+								});
 
+							} else {
 
+								mui.alert("获取数据失败！");
 
+							}
 
+						}
 
+					},
 
+					error: function(xhr, type, errorThrown) {
 
+						console.log(xhr);
 
+						//mui.alert("获取数据失败！网络错误");
 
+						var dt={
 
+  "status": true,
 
+  "message": "SUCCESS",
 
+  "data": {
 
+  	"integralOrder": [
 
+  	{
 
+  		"integralOrderId": "0506195108Y15752M",
 
+  		"integralOrderOpenId": "oZ9pv02WMRQgyDVRY1a_daYecwHI",
 
+  		"integralOrderYetAmount": 0,
 
+  		"integralOrderDfbi": 100,
 
+  		"integralOrderAmount": 0,
 
+  		"integralOrderStatus": 2,
 
+  		"integralOrderUserRemark": "",
 
+  		"integralOrderCreateDate": 1525607456000,
 
+  		"integralItemList": [
 
+  			{
 
+  				"integralItemId": 9,
 
+  				"integralItemOrderId": "0506195108Y15752M",
 
+  				"integralProductId": 2,
 
+  				"integralItemNum": 1,
 
+  				"integralItemTotal": 0,
 
+  				"integralItemDfbi": 100,
 
+  				"integralItemProductType": 1,
 
+  				"integralItemCouponId": 50000,
 
+  				"integralItemCouponItemId": "4d084c1cd0894302ac6e788a476a8481",
 
+  				"integralItemProductName": "兑换券",
 
+  				"integralProductDesc":"1111111",
 
+  				"integralItemProductPrice": 0,
 
+  				"integralItemProductPic": "images/100-quan.jpg",
 
+  				"integralItemProductDfbi": 100,
 
+  				"couponUseEndDate": "2019-05-06",
 
+  				"couponType": 1,
 
+  				"integralItemCreateDate": 1525607456000
 
+        }
 
+        ]
 
+   },
 
+   {
 
+  		"integralOrderId": "0506195108Y15752M",
 
+  		"integralOrderOpenId": "oZ9pv02WMRQgyDVRY1a_daYecwHI",
 
+  		"integralOrderYetAmount": 0,
 
+  		"integralOrderDfbi": 100,
 
+  		"integralOrderAmount": 0,
 
+  		"integralOrderStatus": 2,
 
+  		"integralOrderUserRemark": "",
 
+  		"integralOrderCreateDate": 1525607456000,
 
+  		"integralItemList": [
 
+  			{
 
+  				"integralItemId": 9,
 
+  				"integralItemOrderId": "0506195108Y15752M",
 
+  				"integralProductId": 2,
 
+  				"integralItemNum": 1,
 
+  				"integralItemTotal": 0,
 
+  				"integralItemDfbi": 100,
 
+  				"integralItemProductType": 1,
 
+  				"integralItemCouponId": 50000,
 
+  				"integralItemCouponItemId": "4d084c1cd0894302ac6e788a476a8481",
 
+  				"integralItemProductName": "兑换券",
 
+  				"integralProductDesc":"1111111",
 
+  				"integralItemProductPrice": 0,
 
+  				"integralItemProductPic": "images/100-quan.jpg",
 
+  				"integralItemProductDfbi": 100,
 
+  				"couponUseEndDate": "2019-05-06",
 
+  				"couponType": 1,
 
+  				"integralItemCreateDate": 1525607456000
 
+        }
 
+        ]
 
+    }
 
+    ]
 
+  },
 
+  "resultCode": "200"
 
+}
 
+						var table = document.body.querySelector('.my-yhq-list');
 
+						var data = dt.data.integralOrder;
 
+						mui('#pullrefresh_yhq_list').pullRefresh().endPullupToRefresh(dt.data.integralOrder.length < pagesize); //endPullupToRefresh(ture)表示没有更多数据了，停止上拉加载
 
+						mui.each(data, function(index) {
 
+									var li = document.createElement('li'); //创建li标签
 
+									li.className = 'my-yhq-cell';
 
+									console.log(this.integralItemList)
 
+									li.innerHTML = '<img width="80px" src="'+this.integralItemList[0].integralItemProductPic+'" /><div class="fixed-box"><div class="table"><div class="left-cell"><span class="tit">'+this.integralItemList[0].integralItemProductName+'</span><p class="time">'+this.integralItemList[0].integralItemDfbi+'朵粉币</p><br/><div>'+this.integralItemList[0].integralProductDesc+'<span class="mui-pull-right">有效期至：'+this.integralItemList[0].couponUseEndDate+'</span></div></div></div></div';
 
+									table.appendChild(li);
 
+						});
 
+					}
 
+				});
 
+
 
+			}
 
+			mui.ready(function() {
 
+				mui('#pullrefresh_yhq_list').pullRefresh().pullupLoading(); //首次加载
 
+			});
 
+		</script>
 
+	</body>
 
+
 
+</html>

+ 172 - 0
tooth/cash-coupon.html
View File 

@@ -0,0 +1,172 @@
 
+<!DOCTYPE html>
 
+<html>
 
+	<head>
 
+		<meta charset="UTF-8">
 
+		<title>soodo上朵</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/main.css" />
 
+		<script type="text/javascript">
 
+			// 屏蔽分享
 
+			window.hiddenAllWechatMenu = true;
 
+		</script>
 
+	</head>
 
+	<body>
 
+		<div class="mui-content">
 
+			<div class="bn-box">
 
+				<!--<img src="images/100-quan.jpg" />-->
 
+			</div>	
+			<div class="mui-content-padded">
 
+				<span id="integralProductName"></span>
 
+				<span class="cl-red mui-pull-right" id="convertDfbi">0</span>
 
+				<p class="integralProductDesc"></p>
 
+			</div>
 
+			<div class="mui-content-padded">
 
+		        	<h4 class="mui-text-center">&nbsp;</h4>
 
+		        	<div class="explain" style="padding: 10px;">
 
+		        		<div>商品介绍：</div>
 
+		        		<p class="integralProductDesc"></p>
 
+		        		<div>温馨提醒：</div>
 
+		        		<p>如有任何使用疑问，可在微信公众号咨询客服，或拨打全国客服电话：<a href="tel:400-8006692">400-8006692</a></p>
 
+		        	</div>
 
+		        </div>
 
+		</div>
 
+		<nav class="mui-bar mui-bar-tab ">
 
+			<a id="btn-cash" class="mui-tab-item mui-btn-red" style="color: #fff;">立即兑换</a>
 
+		</nav>
 
+		<!-- 加载ing begin-->
 
+		<div class="loading covers">
 
+			<div class="loading-bj"></div>
 
+			<p>正在加载...</p>
 
+		</div>
 
+		<!-- 加载ing end -->
 
+	<script type="text/javascript" src="js/mui.min.js"></script>
 
+	<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
 
+	<script type="text/javascript" src="js/main.js"></script>
 
+	<!--<script src="js/wechat-utils-1.0.js"></script>-->
 
+	<script type="text/javascript">
 
+		window.addEventListener('pageshow', function(e) {
 
+				// 通过persisted属性判断是否存在 BF Cache
 
+				if(e.persisted) {
 
+					location.reload();
 
+				}
 
+		});
 
+	var integralProductId=getParam("id");	
+	mui.ready(function(){
 
+		var parameter = {}; //ajax参数json集合
 
+		parameter["integralProductId"] = integralProductId; //id
 
+		$.ajax(base_path +'/wechat/integral_pro/product_desc?dates=' + new Date().getTime(), {
 
+					data: parameter,
 
+					dataType: 'json',
 
+					xhrFields: {
 
+						withCredentials: true
 
+					},
 
+					crossDomain: true,
 
+					type: 'get',
 
+					timeout: 15000,
 
+					success: function(dt) {
 
+						if(dt.isRedirect) {
 
+							location.href = dt.redirectURL;
 
+						} else {
 
+							if(dt.status) {
 
+								console.log(dt)
 
+							} else {
 
+								mui.alert("获取数据失败！");
 
+							}
 
+						}
 
+					},
 
+					error: function(xhr, type, errorThrown) {
 
+						console.log(xhr);
 
+						//mui.alert("获取数据失败！网络错误");
 
+						var dt={
 
+  "status": true,
 
+  "message": "SUCCESS",
 
+  "data": {
 
+  	"pictureList": [
 
+  		{
 
+  			"pictureId": 1,
 
+  			"integralProductId": 2,
 
+  			"pictureUrl": "img/1.jpg",
 
+  			"pictureCreateDate": 1525688297000
 
+  		},
 
+  		{
 
+  			"pictureId": 2,
 
+  			"integralProductId": 2,
 
+  			"pictureUrl": "img/2.jpg",
 
+  			"pictureCreateDate": 1525688302000
 
+  		}
 
+  	],
 
+  	"integralProduct": {
 
+  		"integralProductId": 2,
 
+  		"integralProductImg":"images/50-quan.jpg",
 
+  		"integralProductName": "兑换券",
 
+  		"integralProductDesc": "兑换券",
 
+  		"integralProductType": 1,
 
+  		"integralProductNum": 1000,
 
+  		"integralProductRemainingNum": 1,
 
+  		"integralProductImagetext": "1213",
 
+  		"integralProductStatus": 1,
 
+  		"integralProductCreateTime": 1525225200000,
 
+  		"integralProductUpdateTime": 1525607456000,
 
+  		"convertId": 1,
 
+		"convertDfbi": 100,
 
+		"convertIsMailing": 2,
 
+		"convertIsPay": 1,
 
+		"convertPrice": 0
 
+  		}
 
+  	},
 
+  	"resultCode": "200"
 
+}
 
+						$(".bn-box").html('<img src="'+dt.data.integralProduct.integralProductImg+'" />');
 
+						$("#integralProductName").text(dt.data.integralProduct.integralProductName);
 
+						$(".integralProductDesc").text(dt.data.integralProduct.integralProductDesc);
 
+						$("#convertDfbi").text(dt.data.integralProduct.convertDfbi+"朵粉币");
 
+						$("#btn-cash").attr("name",dt.data.integralProduct.integralProductId);
 
+					}
 
+				});
 
+		$(document).on('tap', '#btn-cash', function() {
 
+			var th=$(this);
 
+			console.log(th.attr("name"))
 
+			if(th.attr("name")!="undefined"){
 
+				$.ajax(base_path + '/wechat/integral_order/add_order?dates=' + new Date().getTime(), {
 
+							data: {"integralProductId":integralProductId},
 
+							dataType: 'json',
 
+							xhrFields: {
 
+								withCredentials: true
 
+							},
 
+							crossDomain: true,
 
+							type: 'get',
 
+							timeout: 15000,
 
+							success: function(dt) {
 
+								if(dt.isRedirect) {
 
+									location.href = dt.redirectURL;
 
+								} else {
 
+									if(dt.status) {
 
+										mui.alert("兑换成功！",function(){
 
+											location.href="cash-coupon-log.html";
 
+										});
 
+									} else {
 
+										mui.alert("兑换失败！");
 
+									}
 
+								}
 
+							},
 
+							error: function(xhr, type, errorThrown) {
 
+								console.log(xhr);
 
+								//mui.alert("获取数据失败！网络错误");
 
+								var dt={"status": true,"message": "SUCCESS","data": "兑换成功","resultCode": "200"}
 
+								mui.alert("兑换成功！",function(){
 
+									location.href="cash-coupon-log.html";
 
+								});
 
+							}
 
+						});
 
+				
+			}
 
+		});		
+		$(".loading").hide().css("opacity", "0");//隐藏（正在加载...）
 
+	});	
+	</script>
 
+	</body>
 
+</html>

+ 27 - 1
tooth/css/iconfont.css
View File 

@@ -1,5 +1,5 @@
 
 @font-face {font-family: "iconfont";

-  src: url('../fonts/iconfont.ttf?t=1520475482908') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/

+  src: url('../fonts/iconfont.ttf?t=1525336790999') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/

 }

 

 .iconfont {

@@ -55,3 +55,29 @@
 
 

 .icon-mianfeilingqu:before { content: "\e6e2"; }

 

+.icon-zhuanjia:before { content: "\e6e3"; }

+

+.icon-dingzhi:before { content: "\e6e4"; }

+

+.icon-fenbi:before { content: "\e6e5"; }

+

+.icon-viptongdao:before { content: "\e6e6"; }

+

+.icon-guize:before { content: "\e6e7"; }

+

+.icon-huan:before { content: "\e6e8"; }

+

+.icon-jilu:before { content: "\e6e9"; }

+

+.icon-kezi:before { content: "\e6ea"; }

+

+.icon-tiqian:before { content: "\e6eb"; }

+

+.icon-liwu:before { content: "\e6ec"; }

+

+.icon-quan:before { content: "\e6ed"; }

+

+.icon-xiyaquan:before { content: "\e6ee"; }

+

+.icon-tiyan:before { content: "\e6ef"; }

+

+ 45 - 2
tooth/css/main.css
View File 

@@ -24,12 +24,20 @@ abbr,acronym { border: 0; }
 
 }

 body{background-color: #fff;font-size: 14px;}

 p{color: #999;}

+#menu-grid-9.mui-grid-view.mui-grid-9{background-color:#fff;border: 0;}

+#menu-grid-9.mui-grid-view.mui-grid-9 .mui-table-view-cell{border: 0;padding: 11px 8px;}

+#menu-grid-9.mui-grid-view.mui-grid-9 .mui-table-view-cell>a:not(.mui-btn){border: 1px solid rgba(0,0,0,.1);border-radius: 10px;}

 .mui-pull-caption,.mui-pull{font-size: 12px;font-weight: 300;}

 .loading-bg{width: 100%;min-width:100%;height: 100%;min-height:100%; background-color:#F0F0F0;position: fixed;left: 0;top: 0;z-index: 999;}

 .loading-bg .mui-loading{margin-top: 50%;text-align: center;color: #aaa;}

 .my-content-padded{margin: 15px;}

 .mui-table-view-cell:after{left: 0;}

 .details-content{max-width: 100%;overflow: hidden;word-break: break-all;}

+#grid-view.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-object{max-width: 75%;min-width: 75%;}

+#grid-view:before,#grid-view:after{display: none;}

+#grid-view h6{margin: 5px 0;}

+#grid-view .prices{color: #f16071;}

+#grid-view .mui-btn{width: 55%;display: block;margin:8px auto 0 auto;}

 .details-content img{max-width: 100% !important;}

 .mui-content{background-color: #fff;}

 .mui-bar-nav{-webkit-box-shadow: 0 0 0 #fff;box-shadow: 0 0 0 #fff;position: fixed;background-color: #fff; padding: 10px 14px;height: 55px;}

@@ -40,7 +48,11 @@ p{color: #999;}
 
 #index-top-menu{border: 0;}

 #index-top-menu .mui-control-item{color: #333;border: 0;position: relative;}

 #index-top-menu .mui-control-item.mui-active{background-color: #fff;color: #333;}

-#index-top-menu .mui-control-item.mui-active:after{content: '';position: absolute;left: 50%;bottom: 6px;width: 26px;margin-left: -13px;height: 1px;background-color: #333;}

+#index-top-menu .mui-control-item.mui-active:after{content: '';position: absolute;left: 50%;bottom: 4px;width: 30px;margin-left: -15px;height: 1px;background-color: #333;}

+#vip-top-menu{border: 0;width: 80%;display: block;margin: -20px auto 0 auto;box-shadow:0px 1px 3px 1px #ccc;border-radius: 50px;}

+#vip-top-menu .mui-control-item,#vip-top-menu .mui-control-item.mui-active{color: #333;border: 0;position: relative;background-color: #fff;}

+#vip-top-menu .mui-control-item.active{background-color: #fff;color: #333;}

+#vip-top-menu .mui-control-item.active:after{content: '';position: absolute;left: 50%;bottom: 1px;width: 20px;margin-left: -10px;height: 1px;background-color: #333;}

 #pro-top-menu{border: 0;padding-top: 5px;}

 #pro-top-menu .mui-control-item{color: #333;border: 0;position: relative;}

 #pro-top-menu .mui-control-item.mui-active{background-color: #fff;color: #333;}

@@ -96,7 +108,18 @@ p{color: #999;}
 
 #jifen-menu-nav .mui-control-item:before{content:'';position: absolute;left: 0;top: 30%;height: 40%;width: 1px;background: #ccc;-webkit-transform: scaleX(.5);}

 #jifen-menu-nav .mui-control-item:first-child:before{display: none;}

 #jifen-menu-nav .mui-control-item.mui-active{background-color: #fff;color: #999;}

-

+#vip-grid-9{background-color: #fff;border: 0;margin-top:15px;}

+#vip-grid-9.mui-table-view.mui-grid-view .mui-table-view-cell{border:0;padding: 11px 5px;}

+#vip-grid-9.mui-table-view.mui-grid-view .mui-table-view-cell.mui-active{background-color: #fff;}

+#vip-grid-9.mui-table-view.mui-grid-view .mui-table-view-cell.active{opacity: 0.4;}

+#vip-grid-9.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{font-size: 13px;}

+#vip-grid-9 .iconfont{font-size: 40px;}

+#vip-grid-9 .quan-number{position: absolute;top: 10px;left: 0;width: 100%;height: 100%;font-size:0.8rem;}

+#cash-list.my-yhq-list .left-cell {display: table-cell;width: 100%;height: 100%;padding: 5%;padding-left: 100px;}

+#cash-list.my-yhq-list .active .left-cell .tit{color: #333;}

+#cash-list.my-yhq-list .my-yhq-cell{box-shadow: 1px 1px 1px 1px #ccc;border-radius: 10px;overflow: hidden;padding: 12px;}

+.explain{border:1px dashed #ccc;padding:0 10px;margin: 15px 0;}

+.explain p{font-size: 12px;color: #666;margin: 10px 0;}

 .tel{color: #333;}

 .mui-bar-tab .my-grid-view-no{height: 100%;}

 .mui-bar-tab .mui-table-view-cell{height: 100%;padding:0;}

@@ -122,6 +145,8 @@ p{color: #999;}
 
     opacity: 1;

     z-index: 999;

 }

+.bn-box{background-color: #fff7f7;padding-top: 20px;}

+.bn-box img{width: 50%;display: block;margin: 0 auto;border-radius: 50%;}

 .buy-footer1 {position: fixed;bottom: 0;left: 0;height: 50px;background-color: #f0f0f0;width: 100%;padding: 0;}

 .buy-footer1 .tb-clearing tr td:first-child,.buy-footer1 .tb-clearing tr td:nth-of-type(2){position: relative;}

 .buy-footer1 .tb-clearing tr td:first-child:after,.buy-footer1 .tb-clearing tr td:nth-of-type(2):after{content: '';position: absolute;left: 0;top: 0;right: 0;height: 1px;width: 100%;background: #ccc;}

@@ -195,6 +220,24 @@ input[name=radio]:checked {
 
     background: url(../images/radio-2.png) center center no-repeat;

     background-size: 100%;

 }

+.pull-code {

+	background-color: #d7d7d7;

+	border: 0;

+	color: #fff;

+	padding: 10px;

+	position: absolute;

+    right: 10px;

+}

+.my-table .mui-checkbox.mui-left input[type=checkbox], .mui-radio.mui-left input[type=radio]{top: 14px;}

+.pull-code.active {

+	background-color: #f16071

+}

+

+.mui-input-group .mui-input-row {

+	height: 60px;

+	padding-top: 10px

+}

+

 .pay-yes{background: #fde9eb;border-radius: 0 0 50% 50%;-webkit-transform: scaleX(1.2);transform: scaleX(1.2); background-size: 100% auto; height:220px;text-align: center;padding: 50px 0;}

 .add-tooth{background: #fde9eb;border-radius:50% 50% 0 0;-webkit-transform: scaleX(1.2);transform: scaleX(1.2); background-size: 100% auto; height:180px;text-align: center;padding: 50px 0;position: fixed;left: 0;width: 100%;bottom: 0;}

 .mui-input-row label{padding: 11px 10px;}

BIN
tooth/fonts/iconfont.ttf
View File


BIN
tooth/images/100-quan.jpg
View File


BIN
tooth/images/20-quan.jpg
View File


BIN
tooth/images/30-quan.jpg
View File


BIN
tooth/images/50-quan.jpg
View File


BIN
tooth/images/banner-4.jpg
View File


BIN
tooth/images/banner-5.jpg
View File


+ 156 - 15
tooth/index.html
View File 

@@ -50,9 +50,9 @@
 
 				<!--头部选项卡-->

 				<div id="index-top-menu" class="mui-segmented-control">

 					<!--(默认选中哪个就加上mui-active)，其他不加-->

-					<a class="mui-control-item mui-active" href="#item1">首页</a>

-					<a class="mui-control-item" href="#item2">声波牙刷</a>

-					<a class="mui-control-item" href="#item3">刷头</a>

+					<a class="mui-control-item mui-active" href="#item1">soodo上朵</a>

+					<a class="mui-control-item" href="#item2">会员专区</a>

+					<!--<a class="mui-control-item" href="#item3">刷头</a>-->

 				</div>

 			</header>

 			<!--选项卡item1显示区域(默认选中哪个就加上mui-active)，其他不加-->

@@ -180,9 +180,6 @@
 
 				<div>

 					<img width="100%" src="images/index-content.jpg" />

 				</div>

-			</div>

-			<!--选项卡item2显示区域-->

-			<div id="item2" class="mui-control-content">

 				<div>

 					<img width="100%" src="images/banner-2.jpg" />

 				</div>

@@ -194,12 +191,9 @@
 
 						<img width="100%" src="images/index-1.jpg" />

 					</a>

 				</div>

-				<div class="mui-text-center mui-content-padded">

+				<!--<div class="mui-text-center mui-content-padded">

 					<span style="color: #f16071;">¥399.00</span>

-				</div>

-			</div>

-			<!--选项卡item3显示区域-->

-			<div id="item3" class="mui-control-content">

+				</div>-->

 				<div>

 					<img width="100%" src="images/index_shuatou_2.png" />

 				</div>

@@ -211,9 +205,9 @@
 
 						<img width="100%" src="images/index_shuatou.png" />

 					</a>

 				</div>

-				<div class="mui-text-center mui-content-padded">

+				<!--<div class="mui-text-center mui-content-padded">

 					<span style="color: #f16071;">¥42.00</span>

-				</div>

+				</div>-->

 

 				<div>

 					<img width="100%" src="images/index-tit-5.jpg" />

@@ -223,9 +217,68 @@
 
 						<img width="100%" src="images/index_d_shuatou.png" />

 					</a>

 				</div>

-				<div class="mui-text-center mui-content-padded">

+				<!--<div class="mui-text-center mui-content-padded">

 					<span style="color: #f16071;">¥36.00</span>

-				</div>

+				</div>-->

+			</div>

+			<!--选项卡item2显示区域-->

+			<div id="item2" class="mui-control-content">

+				<div><img width="100%" src="images/banner-4.jpg"/></div>

+				<ul class="mui-table-view mui-grid-view mui-grid-9" id="menu-grid-9">

+		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a>

+		                    <span class="iconfont icon-fenbi"></span>

+		                    <div class="mui-media-body">朵粉币 1200</div></a></li>

+		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="cash-coupon-log.html">

+		                    <span class="iconfont icon-jilu"></span>

+		                    <div class="mui-media-body">兑换记录</div></a></li>

+		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="cash-coupon-dic.html">

+		                    <span class="iconfont icon-guize"></span>

+		                    <div class="mui-media-body">兑换规则</div></a></li>

+		        </ul>

+		        

+		        <ul class="mui-table-view mui-grid-view" id="grid-view">

+		        	<!--<li class="mui-table-view-cell mui-media mui-col-xs-6">

+		        		<a href="#">

+		                <img class="mui-media-object" src="images/100-quan.jpg">

+		                <div class="mui-media-body">100元现金券 </div>

+		               <h6>商场全品类满100可用</h6>

+		               <div class="prices">1000朵粉币</div>

+		               <div><button type="button" class="mui-btn">兑换</button></div>

+		        		</a>

+		        	</li>

+		        	<li class="mui-table-view-cell mui-media mui-col-xs-6">

+		        		<a href="#">

+		                <img class="mui-media-object" src="images/50-quan.jpg">

+		                <div class="mui-media-body">50元现金券</div>

+		                <h6>商场全品类满50可用</h6>

+		               <div class="prices">500朵粉币</div>

+		               <div><button type="button" class="mui-btn">兑换</button></div>

+		        		</a>

+		        	</li>

+		        	<li class="mui-table-view-cell mui-media mui-col-xs-6">

+		        		<a href="#">

+		                <img class="mui-media-object" src="images/30-quan.jpg">

+		                <div class="mui-media-body">30元现金券</div>

+		                <h6>商场全品类满30可用</h6>

+		               <div class="prices">300朵粉币</div>

+		               <div><button type="button" class="mui-btn">兑换</button></div>

+		        		</a>

+		        	</li>

+		        	<li class="mui-table-view-cell mui-media mui-col-xs-6">

+		        		<a href="#">

+		                <img class="mui-media-object" src="images/20-quan.jpg">

+		                <div class="mui-media-body">20元现金券</div>

+		                <h6>商场全品类满20可用</h6>

+		               <div class="prices">200朵粉币</div>

+		               <div><button type="button" class="mui-btn">兑换</button></div>

+		        		</a>

+		        	</li>-->

+		        </ul>

+		    

+			</div>

+			<!--选项卡item3显示区域-->

+			<div id="item3" class="mui-control-content">

+				

 			</div>

 		</div>

 		<!--内容结束-->

@@ -271,6 +324,94 @@
 
 					},

 					spaceBetween: 0 //每个图片的左右间距

 				});

+				$.ajax(base_path +'/wechat/integral_pro/list_product?dates=' + new Date().getTime(), {

+					data: {},

+					dataType: 'json',

+					xhrFields: {

+						withCredentials: true

+					},

+					crossDomain: true,

+					type: 'get',

+					timeout: 15000,

+					success: function(dt) {

+						if(dt.isRedirect) {

+							location.href = dt.redirectURL;

+						} else {

+							if(dt.status) {

+								console.log(dt)

+							} else {

+								mui.alert("获取数据失败！");

+							}

+						}

+					},

+					error: function(xhr, type, errorThrown) {

+						console.log(xhr);

+						//mui.alert("获取数据失败！网络错误");

+						var dt={

+	"status": true,

+	"message": "SUCCESS",

+	"data": {

+		"integralProductList": [

+			{

+				"integralProductId": 1,

+				"integralProductImg":"images/100-quan.jpg",

+				"integralProductName": "积分商品一",

+				"integralProductDesc": "积分商品一，其他",

+				"integralProductType": 2,

+				"integralProductNum": 1000,

+				"integralProductRemainingNum": 0,

+				"integralProductImagetext": "1111",

+				"integralProductStatus": 1,

+				"integralProductCreateTime": 1525225128000,

+				"integralProductUpdateTime": 1525225204000,

+				"convertId": 1,

+				"convertDfbi": 100,

+				"convertIsMailing": 2,

+				"convertIsPay": 1,

+				"convertPrice": 0

+			},

+			{

+				"integralProductId": 2,

+				"integralProductImg":"images/50-quan.jpg",

+				"integralProductName": "兑换券",

+				"integralProductDesc": "兑换券",

+				"integralProductType": 1,

+				"integralProductNum": 1000,

+				"integralProductRemainingNum": 1,

+				"integralProductImagetext": "1213",

+				"integralProductStatus": 1,

+				"integralProductCreateTime": 1525225200000,

+				"integralProductUpdateTime": 1525607456000,

+				"convertId": 2,

+				"convertDfbi": 100,

+				"convertIsMailing": 2,

+				"convertIsPay": 2,

+				"convertPrice": 0,

+				"couponId": 50000,

+				"couponType": 1,

+				"couponReduce": 10000

+			}

+		],

+		"integral": 240

+		},

+	"resultCode": "200"

+}

+						var table=document.body.querySelector("#grid-view");

+						mui.each(dt.data.integralProductList, function(index) {

+							var li = document.createElement('li');//创建li标签

+							li.className='mui-table-view-cell mui-media mui-col-xs-6';

+							li.innerHTML='<a><img class="mui-media-object" src="'+this.integralProductImg+'"><div class="mui-media-body">'+this.integralProductName+'</div><h6>'+this.integralProductDesc+'</h6><div class="prices">'+this.convertDfbi+'朵粉币</div><div><button type="button" class="mui-btn" name="'+this.integralProductId+'">兑换</button></div></a>';

+							table.appendChild(li);//将li插入table

+						});

+					}

+				});

+				$(document).on('tap', '#grid-view .mui-table-view-cell .mui-btn', function() {

+					var th=$(this);

+					console.log(th.attr("name"))

+					if(th.attr("name")!="undefined"){

+						location.href="cash-coupon.html?id="+th.attr("name");

+					}

+				});

 				$(".loading").hide().css("opacity", "0"); //隐藏（正在加载...）

 				

 //				var d = new Date().getTime();//当前时间戳

+ 5 - 4
tooth/my-center.html
View File 

@@ -53,7 +53,8 @@
 
 					<!--昵称-->

 					<div class="user-name" id="userNickname"></div>

 					<!--用户身份-->

-					<h6 class="userIdentity"></h6>

+					<div class="userIdentity"></div>

+					<h6 class="mui-h6" style="padding: 5px 0;">需300积分可升级</h6>

 					<!--进度条-->

 					<div id="demo1" class="progressbar-box">

 						<p class="mui-progressbar mui-progressbar-in" data-progress="100"><span></span></p>

@@ -66,13 +67,13 @@
 
 			</div>

 			<div class="jifen-box">

 				<div id="jifen-menu-nav" class="mui-segmented-control">

-					<a class="mui-control-item mui-active" status="1">可用积分

+					<a class="mui-control-item mui-active" status="1">朵粉币

 						<div>0</div>

 					</a>

-					<a class="mui-control-item" status="3">待入积分

+					<a class="mui-control-item" status="3">待入账

 						<div>0</div>

 					</a>

-					<a class="mui-control-item" status="2">累计积分

+					<a class="mui-control-item" status="2">成长值

 						<div>0</div>

 					</a>

 				</div>

+ 91 - 0
tooth/vip-explain.html
View File 

@@ -0,0 +1,91 @@
 
+<!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/main.css" />
 
+		<script type="text/javascript">
 
+			// 屏蔽分享
 
+			window.hiddenAllWechatMenu = true;
 
+		</script>
 
+	</head>
 
+	<body>
 
+			<div class="mui-content">
 
+				<img width="100%" src="images/banner-5.jpg" />
 
+			</div>
 
+			<div id="vip-top-menu" class="mui-segmented-control">
 
+					<!--(默认选中哪个就加上active)，其他不加-->
 
+					<a class="mui-control-item active" href="#item1">花朵</a>
 
+					<a class="mui-control-item" href="#item2">霞朵</a>
 
+					<a class="mui-control-item" href="#item3">云朵</a>
 
+					<a class="mui-control-item" href="#item3">云朵</a>
 
+			</div>
 
+			<ul class="mui-table-view mui-grid-view mui-grid-9" id="vip-grid-9">
 
+		            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"><a href="#">
 
+		                    <span class="iconfont icon-quan"></span>
 
+		                    <span class="quan-number">9999</span>
 
+		                    <div class="mui-media-body">所需积分</div></a></li>
 
+		            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"><a href="#">
 
+		                    <span class="iconfont icon-huan"></span>
 
+		                    <div class="mui-media-body">会员兑换</div></a></li>
 
+		            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"><a href="#">
 
+		                    <span class="iconfont icon-liwu"></span>
 
+		                    <div class="mui-media-body">生日礼物</div></a></li>
 
+		            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"><a href="#">
 
+		                    <span class="iconfont icon-zhuanjia"></span>
 
+		                    <div class="mui-media-body">口腔专家</div></a></li> 
+		            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"><a href="#">
 
+		                    <span class="iconfont icon-xiyaquan"></span>
 
+		                    <div class="mui-media-body">超值洗牙券</div></a></li>  
+		            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3 active"><a href="#">
 
+		                    <span class="iconfont icon-tiyan"></span>
 
+		                    <div class="mui-media-body">新品免费体验</div></a></li>    
+		            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3 active"><a href="#">
 
+		                    <span class="iconfont icon-viptongdao"></span>
 
+		                    <div class="mui-media-body">vip处理通道</div></a></li>       
+		            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3 active"><a href="#">
 
+		                    <span class="iconfont icon-tiqian"></span>
 
+		                    <div class="mui-media-body">限量提前购</div></a></li>    
+		            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3 active"><a href="#">
 
+		                    <span class="iconfont icon-kezi"></span>
 
+		                    <div class="mui-media-body">免费刻字</div></a></li>  
+		            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3 active"><a href="#">
 
+		                    <span class="iconfont icon-dingzhi"></span>
 
+		                    <div class="mui-media-body">免费定制</div></a></li>         
+		        </ul>
 
+		        <div class="mui-content-padded">
 
+		        	<h4 class="mui-text-center">文字说明</h4>
 
+		        	<div class="explain">
 
+		        		<p>朵粉币：在积分商城中兑换商品，通过消费、扫描产品唯一码参与活动获得</p>
 
+		        		<p>成长积分：用来标识会员等级，通过消费、扫描产品唯一码参与活动获得</p>
 
+		        		<p>会员等级：不同的成长积分对应不同的等级，不同等级会员拥有不同特权</p>
 
+		        	</div>
 
+		        </div>
 
+		<!-- 加载ing begin-->
 
+		<div class="loading covers">
 
+			<div class="loading-bj"></div>
 
+			<p>正在加载...</p>
 
+		</div>
 
+		<!-- 加载ing end -->
 
+	<script type="text/javascript" src="js/mui.min.js"></script>
 
+	<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
 
+	<script type="text/javascript" src="js/main.js"></script>
 
+	<!--<script src="js/wechat-utils-1.0.js"></script>-->
 
+	<script type="text/javascript">
 
+	window.addEventListener('pageshow', function(e) {
 
+		// 通过persisted属性判断是否存在 BF Cache
 
+		if(e.persisted) {
 
+			location.reload();
 
+		}
 
+	});
 
+	mui.ready(function(){
 
+		$(".loading").hide().css("opacity", "0"); //隐藏（正在加载...）
 
+	});	
+	</script>
 
+	</body>
 
+</html>