123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <meta content="yes" name="apple-mobile-web-app-capable">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" />
- <title>登录</title>
- <link rel="stylesheet" type="text/css" href="common/reset.css"/>
- <link rel="stylesheet" href="css/index.css">
- <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
- <script src="common/jquery-2.1.0.js"></script>
- <script type="text/javascript">
- document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
- window.onresize = function(){
- document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
- }
- document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
- // 通过下面这个API隐藏右上角按钮
- WeixinJSBridge.call('hideOptionMenu');
- });
- </script>
- </head>
- <body>
- <!-- 手机号注册 -->
- <div class="register">
- <div class="inputDiv">
- <img src="img/phone.png"/>
- <input type="tel" id="phone" placeholder="输入手机号" maxlength="11"/>
- </div>
- <div class="inputDiv">
- <img src="img/check.png"/>
- <input type="tel" id="yzm" placeholder="输入验证码" maxlength="4"/>
- <button class="yzmButton" onclick="getYzmEvent()">获取验证码</button>
- </div>
- <button class="registerButton" onclick="registerButton()">登录</button>
- </div>
- <div class="alert-info" style="display: none;">
- <!-- tip提示,3s后消失 -->
- <p>请在浏览器中打开</p>
- </div>
- <!-- loading -->
- <div class="loading">
- <img src="img/loading.gif" />
- </div>
- </body>
- </html>
- <script src="js/index.js?v=5"></script>
|