<%@ page language="java" contentType="text/html; charset=UTF-8"
|
pageEncoding="UTF-8"%>
|
<!DOCTYPE html>
|
<html>
|
|
<head>
|
<meta charset="utf-8" />
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
<title></title>
|
<script src="https://cdn.bootcss.com/jquery/3.2.0/jquery.min.js" type="text/javascript" charset="utf-8"></script>
|
<style type="text/css">
|
*{ padding: 0; margin: 0; font-family: "微软雅黑"; }
|
.allwai{ overflow: scroll; width: 100%; }
|
/*上部外框*/
|
.shangwai{ width: 100%; height: 302px; padding-top: 30px; position: relative; background-image: url(../client/jsp/share2/img/0bgimg1.png); background-size: 100% 100%; }
|
/*标题文字*/
|
.shang_titleimg{ width: 80%; margin: 0 auto; text-align: center; color: white; font-size: 18px; }
|
/*头像图片*/
|
.shang_hongbimg{ width: 60px; height: 60px; margin: 0 auto; margin-bottom: 10px; margin-top: 10px; display: block; }
|
/*文字说明*/
|
.shang_wenzi{ font-size: 22px; margin: 0 auto; margin-top: 22px; color: white; text-align: center; font-weight: bold; }
|
/*立即查收按钮*/
|
.shang_chashou{ width: 80%; height: 40px; margin: 0 auto; margin-top: 80px; display: block; text-decoration: none; background-image: url(../client/jsp/share2/img/0lingqu.png); background-size: 100% 100%; }
|
.shang_chashou>div{ width: 100%; line-height: 40px; text-align: center; color: #E25327; }
|
|
/*底部外框*/
|
.xia_wai{ width: 100%; padding-top: 20px; padding-bottom: 10px; background-color: #FF4C43; }
|
.xia_wai>img{ width: 90%; display: block; margin: 0 auto; }
|
/*内容外框*/
|
.xia_conwai{ width: 78%; padding: 0 6%; padding-bottom: 5px; margin: 0 auto; background-image: url(../client/jsp/share2/img/0white2.png); background-size: 100% auto; }
|
.xia_conwai>div{ font-size: 12px; width: 100%; padding: 4px 0px; color: gray; }
|
/*领取步骤文字*/
|
.xia_conwai .xia_title{ font-size: 17px; color: #DC3B20; text-align: center; margin-bottom: 10px; }
|
</style>
|
</head>
|
|
<body>
|
|
<div class="allwai">
|
|
<!--上部外框-->
|
<div class="shangwai">
|
|
<!--标题处-->
|
<div class="shang_titleimg">你的好友</div>
|
|
<!--头像图片-->
|
<img class="shang_hongbimg" src="<%=request.getAttribute("picture") %>"/>
|
<!--昵称-->
|
<div style="font-size: 15px;color: #FFF486;text-align: center;"><%=request.getAttribute("name") %></div>
|
|
<!--文字说明-->
|
<div class="shang_wenzi">邀请你一起领取内部优惠券</div>
|
|
<!--立即查收按钮-->
|
<a class="shang_chashou" href="<%=request.getAttribute("jumpUrl") %>"><div>下载返利券APP领取</div></a>
|
|
</div>
|
|
<!--下部外框-->
|
<div class="xia_wai">
|
|
<!--白框上-->
|
<img src="../client/jsp/share2/img/0white1.png"/>
|
|
<!--内容-->
|
<div class="xia_conwai">
|
<div class="xia_title">领取步骤</div>
|
<div>1.点击上方按钮下载返利券APP。</div>
|
<div>2.使用你的(头像+昵称)微信/QQ帐号登录注册，24小时内有效。</div>
|
<div>3.进入返利券APP“优惠券”页面查看领取。</div>
|
</div>
|
|
<!--白框下-->
|
<img src="../client/jsp/share2/img/0white3.png"/>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script type="text/javascript">
|
$(document).ready(function()
|
{
|
//获取屏幕高度
|
var windowheight = $(window).height();
|
//给外框设置最低高度为屏幕高度
|
$(".allwai").css("min-height",windowheight+"px");
|
//给xia框设置最低高度
|
$(".xia_wai").css("min-height",(windowheight-362)+"px");
|
});
|
</script>
|
|
</html>
|
