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="/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>
- .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>
- 加载中...
- </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="/js/mui.min.js"></script>
- <script src="/js/jquery-2.1.1.min.js"></script>
- <script src="/js/shop/main.js"></script>
- <script src="/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>
|