<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>分享</title>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
<style>
body{
background: #EEF2F6;
margin: 0px;
}
.div-main{
width: 100%;
height: 100%;
}
.div-logo{
text-align: center;
margin-top: 45%;
}
.div-share{
margin: 15px;
margin-top: 25px;
}
.div-person{
padding: 15px;
background: #19AC9E;
color: #FFFFFF;
border-radius: 5px 5px 0px 0px;
overflow: hidden;
}
.div-password{
background: #FFFFFF;
padding: 15px;
border-radius: 0px 0px 5px 5px;
overflow: hidden;
}
input{
background: #F1F1F1;
border: none;
width: 60%;
height: 30px;
float: left;
}
button{
background: #19AC9E;
color: #FFFFFF;
font-size: 15px;
border: none;
border-radius: 2px;
padding-left: 35px;
padding-right: 35px;
padding-top: 6px;
padding-bottom: 6px;
float: right;
}
.img-photo{
width: 33px;
height: 33px;
border-radius: 33px;
}
</style>
</head>
<body>
<div class="div-main">
<!--logo-->
<div class="div-logo">
<img src="src/image/logo.png">
</div>
<!--分享验证-->
<div class="div-share">
<div class="div-person">
<!--<img class="img-photo" src="http://b.hiphotos.baidu.com/image/pic/item/b999a9014c086e069cd7964b00087bf40ad1cbb7.jpg" >-->
<!--<label style="margin-left: 15px;">Sure</label>-->
<label >打开加密地图</label>
</div>
<div class="div-password">
<label>请输入手机号：</label>
<div style="margin-top: 10px;">
<input type="text">
<button id="btn_test">提取</button>
</div>
</div>
</div>
<div style="width: 100%;text-align: center;">
<img src="src/image/image1.png" style="margin-top: 5rem">
</div>
</div>
</body>
<script type="text/javascript" src="dist/jquery/jquery-3.2.1.min.js"></script>
<script src="src/js/index.js"></script>
<script type="text/javascript">
$(function(){
index.init();
});
</script>
</html>