elf
/
cf-platform
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

落地页增加登录注册等静态页面

Browse Source
master
liuweiwen 5 years ago
parent 9236c4135a
commit 263937f83e
18 changed files with 506 additions and 19 deletions
Show Stats Download Patch File Download Diff File

240
Application/Home/View/default/Home/landingPage.html
Unescape Escape View File

@ -263,6 +263,11 @@
<!-- <div class="blue-btn">￥10至尊下载</div>-->
<!-- <div class="blue-btn stabilization">稳定版下载</div>-->
<!-- <div class="gray-btn">普通下载</div>-->
<?php if ($game['dow_status'] ==1):?>
<?php if ($game['supersign_status'] ==1):?>
<div class="blue-btn" onclick="location.href='mobile.php/Ssg/pay/game_id/{$game[\'id\']}/promote_id/{$promoteId}'">￥10至尊下载</div>
@ -277,6 +282,7 @@
</div>
</div>
</div>
@ -354,9 +360,243 @@
</div>
</div>
</div>
<!-- 登录 -->
<div class="register login" style="display: none;">
<div class="register-box">
<div class="register-heard">
登录
<a href="#"></a>
</div>
<div class="register-input">
<div class="input-box">
<img src="__IMG__/20191225/yonghu.png" alt="">
<input type="text" placeholder="请输入用户名">
</div>
<div class="input-box">
<img src="__IMG__/20191225/mima.png" alt="">
<input type="text" placeholder="请输入密码">
</div>
<div class="input-code">
<div>
<img src="__IMG__/20191225/yanzhengma.png" alt="">
<input type="text" placeholder="请输入验证码">
</div>
<img src="" alt="">
</div>
<div class="register-btn">
<div class="loginBtn">登录</div>
<div class="enroll">注册</div>
</div>
<div class="register-forget" style="width: 4.6rem;">
<div class="forgetbtn">
<img src="__IMG__/20191225/forget.png" alt="">
<span>忘记密码</span>
</div>
<div>
<img src="__IMG__/20191225/kefu.png" alt="">
<span>联系客服</span>
</div>
</div>
</div>
</div>
</div>
<!-- 忘记密码 -->
<div class="register forgetPass" style="display: none;">
<div class="register-box">
<div class="register-heard">
忘记密码
<a href="#"></a>
</div>
<div class="register-input">
<div class="input-box">
<img src="__IMG__/20191225/yonghu.png" alt="">
<input type="text" placeholder="请输入手机号">
</div>
<div class="input-box">
<img src="__IMG__/20191225/mima.png" alt="">
<input type="text" placeholder="请输入新密码(6-12位字母组合)">
</div>
<div class="input-code">
<div>
<img src="__IMG__/20191225/yanzhengma.png" alt="">
<input type="text" placeholder="请输入短信验证码">
</div>
<div class="gain">获取验证码</div>
</div>
<div class="modification">修改密码</div>
<div class="register-forget">
<div>
<div>
<div><span>*</span>未绑定手机用户请联系客服：</div>
<div style="margin-left: 0.1rem;">在线客服：3007567814</div>
</div>
</div>
<div>
<img src="__IMG__/20191225/kefu.png" alt="">
<span>联系客服</span>
</div>
</div>
</div>
</div>
</div>
<!-- 手机注册 -->
<div class="register phone" style="display: none;">
<div class="register-box">
<div class="register-heard">
手机注册
<a href="#"></a>
</div>
<div class="register-input">
<div class="input-box">
<img src="__IMG__/20191225/yonghu.png" alt="">
<input type="text" placeholder="请输入手机号">
</div>
<div class="input-box">
<img src="__IMG__/20191225/mima.png" alt="">
<input type="text" placeholder="请输入6-12位字母组合密码">
</div>
<div class="input-code">
<div>
<img src="__IMG__/20191225/yanzhengma.png" alt="">
<input type="text" placeholder="请输入短信验证码">
</div>
<div class="gain">获取验证码</div>
</div>
<div class="modification">立即注册</div>
<div class="register-forget">
<div>
<div style="color:#292929;font-size: 0.22rem;">注册即表示同意</div>
<span>《用户协议》</span>
</div>
<div class="phoneCut">
<img src="__IMG__/20191225/qiehuan.png" alt="">
<span>普通注册</span>
</div>
</div>
</div>
</div>
</div>
<!-- 普通注册 -->
<div class="register common" style="display: none;">
<div class="register-box">
<div class="register-heard">
普通注册
<a href="#"></a>
</div>
<div class="register-input">
<div class="input-box">
<img src="__IMG__/20191225/yonghu.png" alt="">
<input type="text" placeholder="请输入账号(6-12位字母数字组合)">
</div>
<div class="input-box">
<img src="__IMG__/20191225/mima.png" alt="">
<input type="text" placeholder="请输入6-12位字母组合密码">
</div>
<div class="input-box" style=" margin-bottom: 0;">
<img src="__IMG__/20191225/mima.png" alt="">
<input type="text" placeholder="请再次确认输入密码">
</div>
<div class="modification">立即注册</div>
<div class="register-forget">
<div>
<div style="color:#292929;font-size: 0.22rem;">注册即表示同意</div>
<span>《用户协议》</span>
</div>
<div class="commonCut">
<img src="__IMG__/20191225/qiehuan.png" alt="">
<span>手机注册</span>
</div>
</div>
</div>
</div>
</div>
<!-- 安装步骤 -->
<div class="mounting" style="display: none;">
<div class="mounting-box">
<div class="mounting-heard">
安装步骤(请先卸载旧的应用)
</div>
<div class="mounting-text">
<div class="title-one">
第一步：下载苹果官方TestFlight
<img src="__IMG__/20191225/biaoshi.png" alt="">
</div>
<div class="one-contain">
首次安装必须<span>打开应用</span>，并点击<span>“继续”</span>按钮后，才可进行第二步操作
</div>
<a href="#" class="mounting-btn">点击安装TestFlight平台</a>
<div class="title-two">第二步：点击下方按钮安装游戏</div>
<a href="#" class="mounting-btn">点击安装游戏</a>
</div>
</div>
</div>
</body>
</html>
<script src="__STATIC__/ios9/js/layer/layer.js?VerNo=20190923" type="text/javascript"></script>
<script>
$(function(){
$(".stabilization").click(function(){
event.stopPropagation();
$(".login").show();
$(".window").hide();
});
$(".login .register-heard>a").click(function(){
$(".login").hide();
$(".window").show();
});
$(".loginBtn").click(function(){
$(".login").hide();
$(".mounting").show();
});
$(".mounting").click(function(){
$(".mounting").hide();
});
// $(".login").click(function(){
// $(".login").hide();
// });
// $(".phone").click(function(){
// $(".phone").hide();
// });
// $(".common").click(function(){
// $(".common").hide();
// });
// $(".forgetPass").click(function(){
// $(".forgetPass").hide();
// });
$(".enroll").click(function(){
$(".login").hide();
$(".phone").show();
});
$(".phoneCut").click(function(){
$(".phone").hide();
$(".common").show();
});
$(".phone .register-heard>a").click(function(){
$(".phone").hide();
$(".login").show();
});
$(".commonCut").click(function(){
$(".common").hide();
$(".phone").show();
});
$(".common .register-heard>a").click(function(){
$(".common").hide();
$(".login").show();
});
$(".forgetbtn").click(function(){
$(".login").hide();
$(".forgetPass").show();
});
$(".forgetPass .register-heard>a").click(function(){
$(".forgetPass").hide();
$(".login").show();
});
$("input").click(function(){
event.stopPropagation();
})
})
</script>
<script>
$(window).scroll(function () {
<?php if (!empty($game['flooring_page_video']) && $game['ios_video_top'] == 1):?>

285
Public/Home/css/index2.css
Unescape Escape View File

@ -405,8 +405,8 @@
}
.containner{
width: 5.50rem;
height: 7.32rem;
background: url(../images/bg.png) no-repeat;
height: 7.82rem;
background: url(../images/landing_bg.png) no-repeat;
background-size: 100% 100%;
display: flex;
justify-content: flex-end;
@ -425,27 +425,28 @@
line-height:0.36rem;
}
.blue-btn{
width: 4.58rem;
height:0.98rem;
background: url(../images/btn-blue.png) no-repeat;
background-size: 100% 100%;
font-size:0.28rem;
font-weight:400;
color:rgba(255,255,255,1);
text-align: center;
line-height: 0.86rem;
width: 4.40rem;
height:0.7rem;
margin: 0.15rem 0;
background:linear-gradient(0deg,rgba(33,177,235,1),rgba(88,197,240,1));
box-shadow:0px 0.11rem 0.27rem 0px rgba(24,24,24,0.17);
border-radius:0.35rem;
text-align: center;
line-height: 0.7rem;
font-size: 0.28rem;
color: #FFf;
}
.gray-btn{
width: 4.58rem;
height:0.98rem;
background: url(../images/btn-gray.png) no-repeat;
background-size: 100% 100%;
font-size:0.28rem;
font-weight:400;
color:rgba(255,255,255,1);
width: 4.40rem;
height:0.7rem;
margin: 0.15rem 0;
background:linear-gradient(0deg,rgba(210,211,211,1),rgba(209,209,209,1));
box-shadow:0px 0.11rem 0.27rem 0px rgba(24,24,24,0.17);
border-radius:0.35rem;
text-align: center;
line-height: 0.86rem;
line-height: 0.7rem;
font-size: 0.28rem;
color: #FFf;
}
.second{
position: fixed;
@ -573,5 +574,251 @@
font-weight: 500;
}
.register{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background:rgba(0,0,0,0.6);
z-index: 1000;
}
.register-box{
width: 6rem;
height: 7.2rem;
background-color: #fff;
border-radius: 0.3rem;
}
.register-heard{
height: 1rem;
width: 100%;
text-align: center;
line-height: 1rem;
background-color: #489EF6;
font-size: 0.32rem;
color: #fff;
font-weight: 500;
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem;
position: relative;
}
.register-heard>a{
position: absolute;
left: 0.4rem;
top: 0.35rem;
width: 0.17rem;
height: 0.3rem;
background: url("../images/20191225/fanhui.png");
background-size: 100% 100%;
}
.register-input{
margin-top:0.75rem ;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.input-box{
display: flex;
align-items: center;
width: 4.6rem;
border-bottom: 1px solid #C9C9C9;
padding-bottom: 0.14rem;
margin-bottom: 0.51rem;
}
.input-box>img{
width: 0.3rem;
height: 0.3rem;
margin-right: 0.16rem;
}
.input-box>input{
border: 0;
outline: 0;
font-size: 0.24rem;
}
.input-code{
width: 4.6rem;
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.input-code>div:first-child{
display: flex;
align-items: center;
width: 2.6rem;
padding-bottom: 0.14rem;
border-bottom: 1px solid #C9C9C9;
font-size: 0.24rem;
}
.input-code>div>img{
width: 0.3rem;
height: 0.3rem;
margin-right: 0.16rem;
}
.input-code>div>input{
border: 0;
outline: 0;
font-size: 0.24rem;
width: 2rem;
}
.input-code>img{
width: 1.6rem;
height: 0.6rem;
border: 1px solid #C9C9C9;
border-radius: 0.1rem;
}
.register-btn{
margin-top: 0.94rem;
width:4.6rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.register-btn>div{
width:2rem;
height:0.7rem;
background:linear-gradient(0deg,rgba(33,177,235,1),rgba(88,197,240,1));
box-shadow:0px 0.11rem 0.27rem 0px rgba(24,24,24,0.17);
border-radius:0.35rem;
font-size: 0.28rem;
color: #FFFFFF;
text-align: center;
line-height: 0.7rem;
}
.register-forget{
width: 5.4rem;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 0.4rem;
}
.register-forget>div{
display: flex;
align-items: center;
color: #21B1EB;
font-size: 0.24rem;
}
.register-forget>div>img{
width: 0.3rem;
height: 0.3rem;
margin-right: 0.06rem;
}
.input-code .gain{
width: 1.6rem;
height: 0.5rem;
background:rgba(33,177,235,1);
border-radius:0.25rem;
font-size: 0.24rem;
color: #fff;
text-align: center;
line-height: 0.5rem;
align-content: center;
justify-content: center;
}
.modification{
width:4.40rem;
height:0.7rem;
background:linear-gradient(0deg,rgba(33,177,235,1),rgba(88,197,240,1));
box-shadow:0px 0.11rem 0.27rem 0px rgba(24,24,24,0.17);
border-radius:0.35rem;
margin-top: 0.84rem;
text-align: center;
line-height: 0.7rem;
color: #fff;
font-size: 0.28rem;
}
.register-forget>div>div>div{
color: #292929;
font-size: 0.18rem;
}
.register-forget>div>div>div>span{
color: #E30000;
font-size: 0.2rem;
}
.mounting{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background:rgba(0,0,0,0.6);
z-index: 1000;
}
.mounting-box{
width: 5.7rem;
height: 7rem;
background-color: #fff;
border-radius: 0.3rem;
}
.mounting-heard{
height: 1rem;
width: 100%;
text-align: center;
line-height: 1rem;
background-color: #489EF6;
font-size: 0.32rem;
color: #fff;
font-weight: 500;
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem;
}
.mounting-text{
margin-top: 0.67rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.title-one{
display: flex;
align-content: center;
color: #292929;
font-size: 0.28rem;
font-weight: bold;
}
.title-one>img{
width: 0.3rem;
height: 0.3rem;
}
.one-contain{
width: 4.6rem;
margin-top: 0.32rem;
color: #292929;
font-size: 0.24rem;
font-weight: 400;
line-height: 0.4rem;
}
.one-contain>span{
color: #489EF6;
font-size: 0.24rem;
font-weight: 400;
}
.mounting-btn{
width:4.4rem;
height:0.7rem;
background:linear-gradient(0deg,rgba(33,177,235,1),rgba(88,197,240,1));
box-shadow:0px 0.11rem 0.27rem 0px rgba(24,24,24,0.17);
border-radius:0.35rem;
text-align: center;
line-height: 0.7rem;
font-size: 0.28rem;
color: #FFFFFF;
margin-top: 0.46rem;
}
.title-two{
margin-top: 0.77rem;
color: #292929;
font-size: 0.28rem;
font-weight: bold;
}

BIN
Public/Home/images/20191225/fanhui.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 570 B

BIN
Public/Home/images/20191225/forget.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 945 B

BIN
Public/Home/images/20191225/gengduo.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 722 B

BIN
Public/Home/images/20191225/kefu.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
Public/Home/images/20191225/mima.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 915 B

BIN
Public/Home/images/20191225/qiehuan.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
Public/Home/images/20191225/yanzhengma.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 891 B

BIN
Public/Home/images/20191225/yonghu.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
Public/Home/images/fanhui.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 570 B

BIN
Public/Home/images/forget.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 945 B

BIN
Public/Home/images/kefu.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
Public/Home/images/landing_bg.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 55 KiB

BIN
Public/Home/images/mima.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 915 B

BIN
Public/Home/images/qiehuan.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
Public/Home/images/yanzhengma.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 891 B

BIN
Public/Home/images/yonghu.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

Write Preview
Loading…
Cancel
Save