228 lines
5.4 KiB
HTML
Executable File
228 lines
5.4 KiB
HTML
Executable File
{include file="public/header1" nav="邀请朋友"}
|
|
<style>
|
|
.header {
|
|
background: #FF6B6B;
|
|
}
|
|
|
|
.header .left .icon-arrow-left {
|
|
color: #fff;
|
|
}
|
|
|
|
.container {
|
|
padding: 0;
|
|
min-height: 100%;
|
|
background: linear-gradient(to right, #3476fe, #34c7fe);
|
|
position: relative;
|
|
/*background-image: url(__ROOT__/static/theme/index/img/invite_4.png);
|
|
background-size: 57%;
|
|
background-repeat: no-repeat;
|
|
background-position: right bottom;*/
|
|
}
|
|
|
|
.top {
|
|
padding: 0 .3rem;
|
|
line-height: 0;
|
|
background-image: url(__ROOT__/static/theme/index/img/invite_2.png);
|
|
background-size: 61%;
|
|
background-repeat: no-repeat;
|
|
background-position-x: 1.45rem;
|
|
}
|
|
|
|
.top .timg {
|
|
width: 100%;
|
|
}
|
|
|
|
.top .code {
|
|
width: 3.82rem;
|
|
height: 3.82rem;
|
|
margin: 0 auto;
|
|
margin-top: .5rem;
|
|
}
|
|
|
|
.top .code img {
|
|
width: 100%;
|
|
}
|
|
|
|
.top .tip {
|
|
font-size: .28rem;
|
|
line-height: .4rem;
|
|
color: #FFFFFF;
|
|
margin-top: .26rem;
|
|
text-align: center;
|
|
}
|
|
|
|
.top .saveCode {
|
|
width: 5.1rem;
|
|
height: 1.06rem;
|
|
background-color: #FCCF61;
|
|
border-radius: .55rem;
|
|
font-size: .34rem;
|
|
line-height: 1.06rem;
|
|
color: #FFFFFF;
|
|
text-align: center;
|
|
margin: 0 auto;
|
|
margin-top: .2rem;
|
|
}
|
|
|
|
.inviteaward {
|
|
margin: 0 .4rem;
|
|
margin-top: .6rem;
|
|
}
|
|
|
|
.inviteaward .iatop {
|
|
height: .66rem;
|
|
padding: 0 .3rem;
|
|
background-color: #F6F6F6;
|
|
border-top-left-radius: 6px;
|
|
border-top-right-radius: 6px;
|
|
}
|
|
|
|
.inviteaward .iatop .left {
|
|
font-size: .3rem;
|
|
line-height: .66rem;
|
|
color: #3A3A3A;
|
|
float: left;
|
|
}
|
|
|
|
.inviteaward .iatop .right {
|
|
font-size: .24rem;
|
|
line-height: .66rem;
|
|
color: #9C999A;
|
|
float: right;
|
|
}
|
|
|
|
.inviteaward .iatop .right .icon-arrow-right {
|
|
font-size: .24rem;
|
|
line-height: .66rem;
|
|
color: #979797;
|
|
float: right;
|
|
}
|
|
|
|
.inviteaward .list {
|
|
height: .8rem;
|
|
padding: .24rem 0;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
background-color: #FFF;
|
|
border-bottom-left-radius: 6px;
|
|
border-bottom-right-radius: 6px;
|
|
}
|
|
|
|
.inviteaward .list .item {
|
|
flex: 1;
|
|
border-right: 1px solid #EEEEEE;
|
|
text-align: center;
|
|
}
|
|
|
|
.inviteaward .list .item:last-child {
|
|
border-right: 0;
|
|
}
|
|
|
|
.inviteaward .list .item {
|
|
font-size: .24rem;
|
|
line-height: .72rem;
|
|
color: #3A3A3A;
|
|
}
|
|
|
|
.inviteaward .list .item .num {
|
|
font-size: .72rem;
|
|
line-height: .72rem;
|
|
color: #FA493B;
|
|
font-weight: bolder;
|
|
letter-spacing: -6px;
|
|
}
|
|
|
|
.inviteaward .list .item .unit {
|
|
font-size: .24rem;
|
|
line-height: .72rem;
|
|
color: #FA493B;
|
|
}
|
|
|
|
/* rule CSS */
|
|
.rule {
|
|
padding: 0 .4rem;
|
|
margin-top: .4rem;
|
|
font-size: 0;
|
|
}
|
|
|
|
.rule .rtitle {
|
|
display: inline-block;
|
|
font-size: .24rem;
|
|
line-height: .34rem;
|
|
color: #FFFFFF;
|
|
padding: .08rem .16rem;
|
|
border-radius: .22rem;
|
|
background-color: #FF9898;
|
|
}
|
|
|
|
.rule .cont {
|
|
margin-top: .4rem;
|
|
padding-bottom: .56rem;
|
|
}
|
|
|
|
.rule .cont p {
|
|
font-size: .28rem;
|
|
line-height: .4rem;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.rule .cont p span {
|
|
font-size: .48rem;
|
|
line-height: .6rem;
|
|
color: #FFFFFF;
|
|
font-weight: bolder;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="header">
|
|
<div class="left" onclick="window.history.back()">
|
|
<i class="iconfont icon-arrow-left"></i>
|
|
</div>
|
|
</div>
|
|
<div class="top">
|
|
<img src="__ROOT__/static/theme/index/img/invite_1.png" alt="" class="timg"/>
|
|
<div class="code" id="qrcode">
|
|
</div>
|
|
<p class="tip">好友扫描二维码可直接注册</p>
|
|
|
|
<div class="saveCode" style="color:blue">您的邀请ID: {$user.phone}</div>
|
|
</div>
|
|
<div class="inviteaward">
|
|
<div class="iatop">
|
|
<div class="left">我的邀请奖励</div>
|
|
<div class="right">
|
|
<a href="/index/user/extend"><span>查看我的邀请</span></a>
|
|
<i class="iconfont icon-arrow-right"></i>
|
|
</div>
|
|
</div>
|
|
<div class="rule">
|
|
<div class="rtitle">邀请规则</div>
|
|
<div class="cont">
|
|
<p>1.本活动永久有效，欢迎参与</p>
|
|
|
|
<p>2.推荐名额可累计计算</p>
|
|
|
|
<p>3.满足条件后，请联系在线客服申请奖励</p>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script type="text/javascript" src="__ROOT__/static/theme/index/js/font.js"></script>
|
|
<script type="text/javascript" src="__ROOT__/static/theme/index/js/jquery.js"></script>
|
|
<script type="text/javascript" src="__ROOT__/static/theme/index/js/qrcode.js"></script>
|
|
<script type="text/javascript">
|
|
var qrcode = new QRCode('qrcode', {
|
|
text: "{$url}/index/login/reg?invite={$user.id}",
|
|
width: '100',
|
|
height: '100',
|
|
colorDark: '#000000',
|
|
colorLight: '#ffffff',
|
|
correctLevel: QRCode.CorrectLevel.H
|
|
});
|
|
</script>
|
|
</html>
|