<%@ page language="java" contentType="text/html; charset=UTF-8"
|
pageEncoding="UTF-8"%>
|
<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="UTF-8">
|
<title>邀请好友</title>
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
<style type="text/css">
|
body{
|
margin: 0;
|
font-family: "微软雅黑";
|
}
|
.page{
|
background: url(img/lxj.png) no-repeat center;
|
background-size: 100% 100%;
|
}
|
.footer{
|
width: 60%;
|
position: absolute;
|
bottom: 4px;
|
left: 20%;
|
}
|
.btn{
|
height: 54px;
|
background: url(img/action.png) no-repeat center;
|
background-size: 99% 100%;
|
margin-bottom: 30px;
|
padding: 0;
|
box-sizing: border-box;
|
}
|
.footer span{
|
font-size: 10px;
|
display: block;
|
width: 100%;
|
text-align: center;
|
color: #FEA6CD;
|
}
|
</style>
|
</head>
|
<body>
|
<div class="page">
|
<div class="footer">
|
<a href="yestv://share#message#<%=request.getAttribute("share")%>#<%=request.getAttribute("down")%>#<%=request.getAttribute("shareCode")%>">
|
<div class="btn">
|
</div>
|
</a>
|
<span>本活动最终解释权归布心街</span>
|
</div>
|
</div>
|
</body>
|
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
|
<script type="text/javascript">
|
var _h = $(document).height();
|
// console.log(_h)
|
$('.page').height(_h);
|
if(_h>=736){
|
$('.btn').height(60);
|
}
|
if(_h==627 || _h==621 || _h==667){
|
$('.btn').css('margin-bottom','26px')
|
}
|
if(_h<=568){
|
$('.btn').height(50);
|
$('.btn').css('margin-bottom','18px')
|
}
|
</script>
|
</html>
|
