|
|
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
|
|
<head>
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
|
|
|
<link rel="stylesheet" href="__INDEX__/css/base.css">
|
|
|
|
<script type="text/javascript" src="__INDEX__/js/base.js"></script>
|
|
|
|
<title>绑定手机号</title>
|
|
|
|
<style>
|
|
|
|
body,html{
|
|
|
|
background: #fff;
|
|
|
|
}
|
|
|
|
.bindphone{
|
|
|
|
width:6.2rem;
|
|
|
|
height:1.29rem;
|
|
|
|
margin:0 auto;
|
|
|
|
display:flex;
|
|
|
|
align-items: center;
|
|
|
|
margin-top: 0.69rem;
|
|
|
|
padding-bottom: 0.31rem;
|
|
|
|
border-bottom: 1px solid #f5f5f5;
|
|
|
|
position:relative
|
|
|
|
}
|
|
|
|
.password{
|
|
|
|
width:6.2rem;
|
|
|
|
height:1.29rem;
|
|
|
|
margin:0 auto;
|
|
|
|
display:flex;
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
padding-bottom: 0.31rem;
|
|
|
|
border-bottom: 1px solid #f5f5f5;
|
|
|
|
position:relative;
|
|
|
|
}
|
|
|
|
.phone_img{
|
|
|
|
width:0.24rem;
|
|
|
|
height:0.35rem;
|
|
|
|
font-size: 0;
|
|
|
|
position: absolute;
|
|
|
|
bottom:0.31rem;
|
|
|
|
left:0;
|
|
|
|
right:0
|
|
|
|
}
|
|
|
|
.password_img{
|
|
|
|
width:0.32rem;
|
|
|
|
height:0.34rem;
|
|
|
|
font-size: 0;
|
|
|
|
position: absolute;
|
|
|
|
bottom:0.31rem;
|
|
|
|
left:0;
|
|
|
|
right:0
|
|
|
|
}
|
|
|
|
|
|
|
|
.phone_img img,.password_img img{
|
|
|
|
width:100%;
|
|
|
|
}
|
|
|
|
.telphone{
|
|
|
|
border:none;
|
|
|
|
outline:none;
|
|
|
|
width:5.5rem;
|
|
|
|
/*margin-left: 0.26rem;*/
|
|
|
|
/*height:0.58rem;*/
|
|
|
|
position:absolute;
|
|
|
|
left:0.52rem;
|
|
|
|
right:0;
|
|
|
|
bottom:0.31rem;
|
|
|
|
|
|
|
|
}
|
|
|
|
.enterpassword{
|
|
|
|
border:none;
|
|
|
|
outline:none;
|
|
|
|
width:3rem;
|
|
|
|
position:absolute;
|
|
|
|
left:0.52rem;
|
|
|
|
right:0;
|
|
|
|
bottom:0.31rem;
|
|
|
|
}
|
|
|
|
.passwordcode{
|
|
|
|
width:1.8rem;
|
|
|
|
color:#FF0800;
|
|
|
|
font-size: 0.24rem;
|
|
|
|
position:absolute;
|
|
|
|
left:4.52rem;
|
|
|
|
right:0;
|
|
|
|
bottom:0.31rem;
|
|
|
|
text-align: center;
|
|
|
|
border-left:1px solid #f5f5f5;
|
|
|
|
}
|
|
|
|
.line{
|
|
|
|
width:6.2rem;
|
|
|
|
margin: 0 auto;
|
|
|
|
border: 1px solid #f5f5f5;
|
|
|
|
margin-top: 0.31rem;
|
|
|
|
}
|
|
|
|
.enterindex{
|
|
|
|
width:3.6rem;
|
|
|
|
margin: 0 auto;
|
|
|
|
height:0.88rem;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 0.88rem;
|
|
|
|
background: #FF0800;
|
|
|
|
color:#fff;
|
|
|
|
border-radius: 0.44rem;
|
|
|
|
font-size:0.32rem ;
|
|
|
|
margin-top: 1.1rem;
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="container">
|
|
|
|
|
|
|
|
<div class="bindphone">
|
|
|
|
<p class="phone_img">
|
|
|
|
<img src="img/phone.png" alt="">
|
|
|
|
</p>
|
|
|
|
<input type="text" placeholder="手机号" class="telphone">
|
|
|
|
</div>
|
|
|
|
<!--<div class="line"></div>-->
|
|
|
|
<div class="password">
|
|
|
|
<p class="password_img">
|
|
|
|
<img src="img/password.png" alt="">
|
|
|
|
</p>
|
|
|
|
<input type="text" class="enterpassword" placeholder="验证码">
|
|
|
|
<p class="passwordcode">获取验证码</p>
|
|
|
|
</div>
|
|
|
|
<!--<div class="line"></div>-->
|
|
|
|
<p class="enterindex">进入首页</p>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
|
|
|
|
|
|
<script type="text/javascript" src="__INDEX__/js/jquery.min.js"></script>
|
|
|
|
<script>
|
|
|
|
$(".enterindex").click(function(){
|
|
|
|
window.location.href="{:url('index/Index/index')}"
|
|
|
|
})
|
|
|
|
</script>
|
|
|
|
</html> |
...
|
...
|
|
