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

修改落地页ios注册

Browse Source
master
ELF 5 years ago
parent 403a5bccfd
commit 04bbf3534b
3 changed files with 219 additions and 100 deletions
Show Stats Download Patch File Download Diff File

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

@ -446,97 +446,116 @@
</div>
</div>
</div>
<!-- 手机注册 -->
<div id="phone-register-box" class="register phone" style="display: none;">
<div class="register commonWindow" style="display: none;">
<div class="register-box">
<div class="register-heard">
手机注册
<a href="#"></a>
<div class="register-heard" style="display: flex;box-shadow:0px 0px 6px 0px rgba(109,121,145,0.2);
background-color: #fff;color: #000;">
<li style="border-top-left-radius:0.3rem ;" class="select">普通注册</li>
<li style="border-top-right-radius:0.3rem ;">手机注册</li>
</div>
<div class="register-input">
<div class="content">
<div>
<div id="register-box" class="register-input">
<div class="input-box">
<img src="__IMG__/20191225/yonghu.png" alt="">
<input name="mobile" type="text" placeholder="请输入手机号">
<input name="account" type="text" placeholder="请输入账号(6-12位字母数字组合)">
</div>
<div class="input-box">
<img src="__IMG__/20191225/mima.png" alt="">
<input name="password" type="password" placeholder="请输入6-12位字母组合密码">
</div>
<div class="input-code">
<div>
<img src="__IMG__/20191225/yanzhengma.png" alt="">
<input name="verify_code" type="text" placeholder="请输入短信验证码">
</div>
<div id="getPhoneCode" class="gain">获取验证码</div>
<div class="input-box" style=" margin-bottom: 0;">
<img src="__IMG__/20191225/mima.png" alt="">
<input name="repassword" type="password" placeholder="请再次确认输入密码">
</div>
<div id="mobile-reg" class="modification">立即注册</div>
<div id="normal-reg" class="modification">立即注册</div>
<div class="register-forget">
<div>
<div style="color:#292929;font-size: 0.22rem;">注册即表示同意</div>
<span><a href="/mobile.php?s=/News/protocol.html" style="color: #21B1EB;">《用户协议》</a></span>
<span><a href="/mobile.php?s=/News/protocol.html">《用户协议》</a></span>
</div>
<div class="phoneCut">
<img src="__IMG__/20191225/qiehuan.png" alt="">
<span>普通注册</span>
<div class="commonCut" style="margin-right: 0.2rem;">
<img src="__IMG__/20191225/denglu.png" alt="" style="margin-right: 0.07rem;">
<span>登录</span>
</div>
</div>
</div>
</div>
</div>
<!-- 普通注册 -->
<div id="register-box" class="register common" style="display: none;">
<div class="register-box">
<div class="register-heard">
普通注册
<a href="#"></a>
</div>
<div class="register-input">
<div style="display: none;">
<div id="phone-register-box" class="register-input">
<div class="input-box">
<img src="__IMG__/20191225/yonghu.png" alt="">
<input name="account" type="text" placeholder="请输入账号(6-12位字母数字组合)">
<input name="mobile" type="text" placeholder="请输入手机号">
</div>
<div class="input-box">
<img src="__IMG__/20191225/mima.png" alt="">
<input name="password" type="password" placeholder="请输入6-12位字母组合密码">
</div>
<div class="input-box" style=" margin-bottom: 0;">
<img src="__IMG__/20191225/mima.png" alt="">
<input name="repassword" type="password" placeholder="请再次确认输入密码">
<div class="input-code">
<div>
<img src="__IMG__/20191225/yanzhengma.png" alt="">
<input name="verify_code" type="text" placeholder="请输入短信验证码">
</div>
<div id="normal-reg" class="modification">立即注册</div>
<div id="getPhoneCode" class="gain">获取验证码</div>
</div>
<div id="mobile-reg" class="modification">立即注册</div>
<div class="register-forget">
<div>
<div style="color:#292929;font-size: 0.22rem;">注册即表示同意</div>
<span><a href="/mobile.php?s=/News/protocol.html">《用户协议》</a></span>
</div>
<div class="commonCut">
<img src="__IMG__/20191225/qiehuan.png" alt="">
<span>手机注册</span>
<div class="commonCut" style="margin-right: 0.2rem;">
<img src="__IMG__/20191225/denglu.png" alt="" style="margin-right: 0.07rem;">
<span>登录</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 安装步骤 -->
<!-- 安装步骤1 -->
<div class="mounting" style="display: none;">
<div class="mounting-box">
<div class="mounting-heard">
安装步骤(请先卸载旧的应用)
<div class="register-heard">
安装步骤(1/2)
<a href="#"></a>
</div>
<div class="mounting-text">
<div class="title-one">
第一步：下载苹果官方TestFlight
<span> 应苹果最新政策要求，苹果用户在使用本游戏最新版本需要先下载苹果的官方</span>
<img src="__IMG__/20191225/biaoshi.png" alt="">
</div>
<div class="one-contain">
首次安装必须<span>打开应用</span>，并点击<span>“继续”</span>按钮后，才可进行第二步操作
<span>Testflight平台，然后在返回当前页面进入下一步骤。</span>
</div>
<a href="https://itunes.apple.com/cn/app/testflight/id899247664?mt=8" target="_blank" class="mounting-btn">点击安装TestFlight平台</a>
<div class="title-two">第二步：点击下方按钮安装游戏</div>
<!-- <div class="title-two">第二步：点击下方按钮安装游戏</div> -->
<a href="#" class="mounting-btn nextStep">下一步</a>
</div>
</div>
</div>
<!-- 安装步骤2 -->
<div class="mounting-two" style="display: none;">
<div class="mounting-box">
<div class="register-heard">
安装步骤(2/2)
<a href="#"></a>
</div>
<div class="mounting-text">
<div class="title-one" style="width: 4.06rem;padding: 0;margin-bottom: 0;">
<img src="" alt="" style="width: 100%;height: 100%;">
</div>
<a id="beta-url" href="#" class="mounting-btn">点击安装游戏</a>
<!-- <div class="title-two">第二步：点击下方按钮安装游戏</div> -->
<a href="#" class="mounting-btn lastStep">上一步</a>
</div>
</div>
</div>
</body>
</html>
<script src="__STATIC__/ios9/js/layer/layer.js?VerNo=20190923" type="text/javascript"></script>
@ -622,7 +641,7 @@ var PhoneObj = {
if (isLogin) {
showMounting()
} else {
$(".login").show();
$(".commonWindow").show();
}
$(".window").hide();
});
@ -646,10 +665,18 @@ var PhoneObj = {
PhoneObj.countDown(dom);
});
})
$(".mounting").click(function(){
$(".nextStep").click(function(){
$(".mounting").hide();
document.body.style.overflow = 'auto';
$(".mounting-two").show();
});
$(".lastStep").click(function(){
$(".mounting").show();
$(".mounting-two").hide();
})
$(".mounting .register-heard>a").click(function(){
$(".mounting").hide();
$(".login").show();
})
// $(".login").click(function(){
// $(".login").hide();
// });
@ -664,24 +691,13 @@ var PhoneObj = {
// });
$(".enroll").click(function(){
$(".login").hide();
$(".phone").show();
});
$(".phoneCut").click(function(){
$(".phone").hide();
$(".common").show();
});
$(".phone .register-heard>a").click(function(){
$(".phone").hide();
$(".login").show();
$(".commonWindow").show();
});
$(".commonCut").click(function(){
$(".common").hide();
$(".phone").show();
});
$(".common .register-heard>a").click(function(){
$(".common").hide();
$(".commonWindow").hide();
$(".login").show();
});
$(".forgetbtn").click(function(){
$(".login").hide();
$(".forgetPass").show();
@ -737,7 +753,7 @@ var PhoneObj = {
success: function (result) {
if (result.code == '0000') {
setLoginStatus()
$(".phone").hide();
$(".commonWindow").hide();
showMounting()
} else {
alert(result.msg)
@ -845,7 +861,7 @@ var PhoneObj = {
success: function (result) {
if (result.code == '0000') {
setLoginStatus()
$(".common").hide();
$(".commonWindow").hide();
showMounting()
} else {
alert(result.msg)
@ -1076,6 +1092,17 @@ var PhoneObj = {
});
};
swiperGet();
$(".commonWindow li").click(function(){
var divShow = $(".content").children("div");
if($(this).hasClass("")){
var index = $(this).index();
$(this).addClass("select");
isSign = $(this).attr('name');
$(this).siblings("li").removeClass("select");
$(divShow[index]).show();
$(divShow[index]).siblings("div").hide();
}
})
$(".download").click(function(){
var isTipSafari = is_tip_safari();

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

@ -802,14 +802,7 @@
align-items: center;
justify-content: center;
}
.title-one{
display: flex;
align-content: center;
color: #292929;
font-size: 0.28rem;
font-weight: bold;
width: 4.6rem;
}
.title-one>img{
width: 0.3rem;
height: 0.3rem;
@ -847,6 +840,105 @@
width: 4.6rem;
}
.mounting,.mounting-two{
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.48em;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.title-one{
height: 2.78rem;
padding: 0 0.38rem;
color: #292929;
font-size: 0.28rem;
font-weight: bold;
line-height: 0.42rem;
}
.title-one>img{
width: 0.3rem;
height: 0.3rem;
}
.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.35rem;
}
.title-two{
margin-top: 0.77rem;
color: #292929;
font-size: 0.28rem;
font-weight: bold;
}
.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;
border-top-left-radius:0.3rem;
border-top-right-radius:0.3rem;
}
.register-heard>a{
position: absolute;
left: 0.4rem;
top: 0.35rem;
width: 0.17rem;
height: 0.3rem;
background: url("../img/fanhui.png");
background-size: 100% 100%;
}
.register-heard>li{
width: 50%;
height: 100%;
text-align: center;
list-style: none;
}
.register-heard>li.select{
background-color: #489EF6;
color: #fff;
}

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

Write Preview
Loading…
Cancel
Save