liujiankang
/
static


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<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">
		<title>Aiberle以旧换新</title>
		<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/icons-extra.css" />
		<link rel="stylesheet" type="text/css" href="css/main.css" />
		<style>
			.pro-select-color{padding: 3px 0;background: #fff;border: 1px solid rgba(0,0,0,.1); color: #999;border-radius: 5px;margin-right: 8px;margin-bottom: 15px; display: inline-block;width: 46%;text-align: center;font-size: 14px;}
			.pro-select-color.active{background: #737272;color: #fff;}
			.mui-control-content img{display: block;max-width: 100%;}
			.return {position: fixed;right: 10px;bottom: 140px;background: rgba(0, 0, 0, .1);padding: 12px;border-radius: 50%;height: 50px;width: 50px;text-align: center;opacity: .9;color: #333;display: none;}	
			.my-picker {max-height: 100%;background-color: rgba(0, 0, 0, .5);}
			.my-btn-receive {width: 100%;border-radius: 0;bottom: 0;height: 50px;line-height: 50px;text-align: center;font-size: 1.1rem; border: 0;position: fixed;right: 0;background: #f1443c;color: #fff;}
			.mui-icon-extra-sweep{position: absolute;right: 0;top: 0;padding: 8px;}
			.oldNew-title{position: relative;font-size: 1rem;font-weight: bold;padding-left: 15px;margin: 10px 0;}
			.oldNew-title:after{content:''; position: absolute;left: 3px;top: 8px;width: 6px;height: 6px;border-radius: 6px;background: #f00;}
			.oldNew-ul{border: 1px solid rgba(0,0,0,.1);border-radius: 10px;padding: 10px;font-size: .6rem;margin-bottom: 10px;color: #666;}
			.oldNew-ul .tt{color: #333;font-size: .8rem;font-weight: bold;padding: 4px 0;}
			.oldNew-ul li{margin: 3px 0;}
			.link-updown{color: #666;font-size: .7rem;padding: 5px;}
			.link-updown .mui-icon{font-size: 1.2rem;}
			.box-content{height: 87px;overflow: hidden;}
			.mui-input{font-size: .7rem;}
			#ipt-scan::-webkit-input-placeholder{color: #999;}
		</style>
		<script>
			//屏蔽分享
			document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
				WeixinJSBridge.call('hideOptionMenu');
			});
		</script>
	</head>

	<body>
		<footer class="mui-bar mui-bar-tab" style="box-shadow: 0 0 0 0;">
			<ul class="mui-table-view mui-table-view-striped mui-table-view-condensed my-grid-view-no">
				<li class="mui-table-view-cell">
					<div class="my-btn-receive" style="background-color: #f2312f;">立即领取</div>
				</li>
			</ul>
		</footer>
		<div class="mui-content">
			<div class="banner-box-pro">
			<div id="slider" class="mui-slider">
				<div class="mui-slider-group mui-slider-loop">
					<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a>
							<img src="images/oldfornew.jpeg">
						</a>
					</div>
					<!-- 第一张 -->
					<div class="mui-slider-item">
						<a>
							<img src="images/oldfornew.jpeg">
						</a>
					</div>
					<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a>
							<img src="images/oldfornew.jpeg">
						</a>
					</div>
				</div>
				<div class="mui-slider-indicator">
					<div class="mui-indicator mui-active" style="display: none;"></div>
				</div>
			</div>
			</div>
		   <div class="mui-control-content mui-active" id="item1">
			    <div class="mui-content-padded">
			   <div class="oldNew-title">活动详情</div>
			   <div class="box-content"> 
			   <ul class="oldNew-ul">
				   <li class="tt">爱贝源冲奶机以旧换新活动介绍</li>
				   <li>1、凡是爱贝源冲奶机的客户，不论购买渠道或冲奶机好坏都可参加本次活动。</li>
				   <li>2、用户将冲奶机按回收地址寄回。在活动页面提交快递单号，即刻发放799元折旧代金券，寄回运费统一以45元代金券形式，也发放至客户的aiberle微信公众号会员账户。</li>
				   <li>3、代金券仅限在aiberle微商城购买aiberle桌面净水机产品可直接等额抵用现金。</li>
			   </ul>
			   <ul class="oldNew-ul">
				   <li class="tt">代金券使用规则</li>
				   <li>1、折旧价值以代金券形式返还到用户账户，可在“会员中心-券包”里查看。</li>
				   <li>2、活动时间：3月15日-4月15日，代金券超过活动期限未使用，将自动失效。</li>
				   <li>3、用户使用抵用券购机，发货前退款，返还付款，抵用券退至该用户账号；发货后取消订单，抵用券自动作废，仅退款差额部分。</li>
			   </ul>
			   </div>
			    <div class="mui-text-center"><span class="link-updown">展开<span class="mui-icon mui-icon-arrowdown"></span></span></div>
			   <div class="oldNew-title">物流单号</div>
				   <div class="mui-input-row">
					   <input type="text" class="mui-input" data-input-password="3" placeholder="请输入寄回冲奶机的物流单号或扫描条形码" id="ipt-scan"><span class="mui-icon-extra mui-icon-extra-sweep mui-active"></span>
					</div>
				<p>
					提示：填写单号，即可领取799元的代金券和45元运费代金券，机器无法寄回的用户，请联系客服。
				</p>
			   </div>
		   </div>
		</div>
		<div class="return">
			<span onClick="gotoTop(0.1,10);return false;" class="mui-icon-extra mui-icon-extra-top"></span>
		</div>
		<!-- 加载ing -->
		<div class="loading covers">
			<div class="loading-bj"></div>
			<p>加载中...</p>
		</div>
		<!-- 加载ing END -->
		<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/wechat-utils-1.0.js"></script> 
		<script>
			window.addEventListener('pageshow', function(e) {
				// 通过persisted属性判断是否存在 BF Cache
				if(e.persisted) {
					location.reload();
				}
			});
			mui.ready(function() {
				var slider = mui("#slider");
				slider.slider({
					interval: 0
				});
				$(".loading").hide().css("opacity", "0");
			});

			//立即领取
			$(document).on('tap', '.my-btn-receive', function() {
				if($("#ipt-scan").val()!=''){
				$.ajax( base_path + '/wechat/coupon/recCouRen?dates=' + new Date().getTime(),{
                data :{
                    couponId : 20000
                },
                dataType:'json',
                type:'post',
                xhrFields: {
					withCredentials: true
				},
				crossDomain: true,
                timeout:15000,
                success:function(dt){
                	console.log(dt);
                	if(dt.isRedirect) {
                		location.href = dt.redirectURL;
            		} else {
            			if(dt.status){
            				 mui.alert('领取成功！','提示',function () {
            				 	location.href = 'pro-details.html?productId=39';
            				 });
            			}else{
            				 mui.alert(dt.message,'提示',function () {
            				 	location.href = 'index.html';
            				 });
            			}
                    }
                },
                error:function(xhr,type,errorThrown){
                    //异常处理；
                    console.log(xhr);
					mui.alert("领取失败！网络错误");	
                }
            });
			}else{
				mui.alert("请输入寄回冲奶机的物流单号！")
			}
			});
			//扫码
			$(document).on('tap', '#ipt-scan', function() {
				wx.scanQRCode({
					needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
					scanType: ["barCode"], // 可以指定扫二维码qrCode还是一维码，默认二者都有
					success: function(res) {
						var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
						var serial = result.split(",");
						$("#ipt-scan").text(serial[serial.length-1]);
					}
				});
			});
			//绑定滚动条事件
			$(window).on("scroll", function() {
				//向下滚动距离大于180像素显示返回顶部，否则隐藏
				if($(window).scrollTop() > 180) {
					$(".return").show();
				} else {
					$(".return").hide();
				}
			});
			$(document).on('tap', '.link-updown', function() {
				if($(this).find(".mui-icon-arrowup").length>0){
					$(".box-content").css("height","87px");
					$(this).html('展开<span class="mui-icon mui-icon-arrowdown"></span>');
				}else{
					$(".box-content").css("height","auto");
					$(this).html('收起<span class="mui-icon mui-icon-arrowup"></span>');
				}
			});
		</script>
	</body>

</html>