wangxiaoming
/
iamberry-watero


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
							<!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="//s.iamberry.com/watero/css/mui.min.css">
	<link rel="stylesheet" type="text/css" href="//s.iamberry.com/watero/css/iconfont.css" />
	<link rel="stylesheet" type="text/css" href="//s.iamberry.com/watero/css/style.css" />
	<style>
		.tips {padding-bottom: 65px;}
		.gift-card-title {padding:55px 0;background: url(//s.iamberry.com/watero/images/shop/gift-card-tit3-bg.jpg) top center /100% auto no-repeat #71d8ec;}
		.my-btn-exchange{border: 1px solid rgba(66,199,244,.5)  !important;text-align: center;height: 48px !important;width:90% !important;margin-left:5%;}
		#btn_submit{padding:7px 0 !important;background: #e3ecee;border: 0;color: #fff;}
		.my-footer{position: fixed;text-align: center;width: 100%;left: 0; bottom: 0;padding: 10px 0;font-size:12px;color:#c5c5c5;}
		#btn_submit.my-active{background:#6fd7eb;}
	</style>
	<script>
        // 屏蔽分享
        window.hiddenAllWechatMenu = true;
	</script>
</head>
<body style="background: #fff;">
<div class="loading-bg">
	<div class="mui-loading">
		<div class="mui-spinner"></div>
		&nbsp;&nbsp;加载中...
	</div>
</div>

<div class="mui-content" style="background: #fff;">
	<div class="tips">
		<ul class="mui-table-view gift-card-title">
			<li class="mui-table-view-cell mui-text-left mui-collapse"></li>
		</ul>
		<div style="margin: 90px 13% 80px 13%;">
			<input type="tel" value="" placeholder="请输入暗号" maxlength="6" class="mui-input-clear my-btn-exchange" id="ipt-exchange"/>
			<br/><br/>
			<button type="button" data-loading-icon="mui-spinner mui-spinner-custom" data-loading-text="提交中" class="mui-btn mui-btn-block mui-btn-outlined" id="btn_submit" disabled="disabled">确认</button>
		</div>
	</div>
</div>
<div class="my-footer">
	深圳爱贝源科技有限公司<br/>400-8006692
</div>
<script src="//s.iamberry.com/watero/js/mui.min.js"></script>
<script src="//s.iamberry.com/watero/js/jquery-2.1.1.min.js"></script>
<script src="//s.iamberry.com/watero/js/shop/main.js"></script>
<script src="//s.iamberry.com/watero/js/shop/wechat-utils-1.0.js"></script>
<script type="text/javascript">
    var code='031552';
    mui.ready(function(){
        document.querySelector('.loading-bg').style.display='none';
    });
    mui.os.ios ? listener_ipt() : keyup_fn();

    function keyup_fn() {
        $('body').on('keyup', '#ipt-exchange', function(e) {
            //传参数并加载数据
            var str = $.trim($('#ipt-exchange').val());
            if(str==code){
                $("#btn_submit").addClass("my-active").removeAttr("disabled");
            }else{
                $("#btn_submit").removeClass("my-active").prop("disabled","disabled");
            }
        });
    }

    function listener_ipt() {
        document.getElementById('ipt-exchange').onblur = function() {
            //传参数并加载数据
            var str = $.trim($('#ipt-exchange').val());
            if(str==code){
                $("#btn_submit").addClass("my-active").removeAttr("disabled");
            }else{
                $("#btn_submit").removeClass("my-active").prop("disabled","disabled");
            }
        }
    }
    mui('body').on('tap','#btn_submit',function() {
        if($.trim($('#ipt-exchange').val())==code){
            mui.openWindow({url: '/watero/view/gift_card_to_agent.html'})
        }
    });
</script>
</body>
</html>