From 04bbf3534bd1ea719d11800597f5305a9ce948aa Mon Sep 17 00:00:00 2001
From: ELF <360197197@qq.com>
Date: Thu, 27 Feb 2020 16:21:25 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E8=90=BD=E5=9C=B0=E9=A1=B5io?=
 =?UTF-8?q?s=E6=B3=A8=E5=86=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Home/View/default/Home/landingPage.html   | 207 ++++++++++--------
 Public/Home/css/index2.css                    | 112 +++++++++-
 Public/Home/images/20191225/denglu.png        | Bin 0 -> 1060 bytes
 3 files changed, 219 insertions(+), 100 deletions(-)
 create mode 100644 Public/Home/images/20191225/denglu.png

diff --git a/Application/Home/View/default/Home/landingPage.html b/Application/Home/View/default/Home/landingPage.html
index 35674dc43..26321068f 100644
--- a/Application/Home/View/default/Home/landingPage.html
+++ b/Application/Home/View/default/Home/landingPage.html
@@ -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>
-    <div class="register-input">
-      <div class="input-box">
-        <img src="__IMG__/20191225/yonghu.png" alt="">
-        <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 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="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>
-      <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" style="color: #21B1EB;">《用户协议》</a></span>
-        </div>
-        <div class="phoneCut">
-          <img src="__IMG__/20191225/qiehuan.png" alt="">
-          <span>普通注册</span>
-        </div>
+
+      <div class="content">
+          <div>
+              <div id="register-box" class="register-input">
+                  <div class="input-box">
+                      <img src="__IMG__/20191225/yonghu.png" alt="">
+                      <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-box" style="  margin-bottom: 0;">
+                      <img src="__IMG__/20191225/mima.png" alt="">
+                      <input name="repassword" type="password" placeholder="请再次确认输入密码">
+                  </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">《用户协议》</a></span>
+                      </div>
+                      <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 style="display: none;">
+              <div id="phone-register-box" class="register-input">
+                  <div class="input-box">
+                      <img src="__IMG__/20191225/yonghu.png" alt="">
+                      <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-code">
+                      <div>
+                          <img src="__IMG__/20191225/yanzhengma.png" alt="">
+                          <input name="verify_code" type="text" placeholder="请输入短信验证码">
+                      </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" 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>
 </div>
-<!-- 普通注册 -->
-<div id="register-box" class="register common" style="display: none;">
-  <div class="register-box">
+
+<!-- 安装步骤1 -->
+<div class="mounting" style="display: none;">
+  <div class="mounting-box">
     <div class="register-heard">
-      普通注册
+      安装步骤(1/2)
       <a href="#"></a>
     </div>
-    <div class="register-input">
-      <div class="input-box">
-        <img src="__IMG__/20191225/yonghu.png" alt="">
-        <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-box" style="  margin-bottom: 0;">
-        <img src="__IMG__/20191225/mima.png" alt="">
-        <input name="repassword" type="password" placeholder="请再次确认输入密码">
-      </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">《用户协议》</a></span>
-        </div>
-        <div class="commonCut">
-          <img src="__IMG__/20191225/qiehuan.png" alt="">
-          <span>手机注册</span>
-        </div>
+    <div class="mounting-text">
+      <div class="title-one">
+        <span> 应苹果最新政策要求，苹果用户在使用本游戏最新版本需要先下载苹果的官方</span>
+        <img src="__IMG__/20191225/biaoshi.png" alt="">
+        <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> -->
+      <a href="#" class="mounting-btn nextStep">下一步</a>
     </div>
   </div>
 </div>
-<!-- 安装步骤 -->
-<div class="mounting" style="display: none;">
+<!-- 安装步骤2 -->
+<div class="mounting-two" style="display: none;">
   <div class="mounting-box">
-    <div class="mounting-heard">
-      安装步骤(请先卸载旧的应用)
+    <div class="register-heard">
+      安装步骤(2/2)
+      <a href="#"></a>
     </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 class="title-one" style="width: 4.06rem;padding: 0;margin-bottom: 0;">
+          <img src="" alt="" style="width: 100%;height: 100%;">
       </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>
       <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();
diff --git a/Public/Home/css/index2.css b/Public/Home/css/index2.css
index c1d23e39a..2d9364cac 100644
--- a/Public/Home/css/index2.css
+++ b/Public/Home/css/index2.css
@@ -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;
+}
\ No newline at end of file
diff --git a/Public/Home/images/20191225/denglu.png b/Public/Home/images/20191225/denglu.png
new file mode 100644
index 0000000000000000000000000000000000000000..fe45b0addd47ff1a0731a963939799f8700ece5d
GIT binary patch
literal 1060
zcmV+<1l#+GP)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv000B)Nkl<ZNK2iS
zU2GIp6vzMPP74o)+R)jllC?Wiv5-_$d@3qYOhk<C%(e{}AB@HitYCOh8WV-LVodaj
zkC+ByOvI0bvdru@1c;(06n#KQj1f%@Gu!ylo!N!>5hAp6kC`p4+hw{NxR3Yz&-tC4
zbMCo>I>&H|?F^+4kS0N_1XyK&h;b3X&mbIQIepOUz13SN48<Ar!xvkjOutRc&w|9H
zlrks4r@@#cQe+6$h;TOnCNsK-FapSJuGL<wjdu+oWtZ<0BtHZ5pDe@<FWr_0kz6Rl
zloPBY@DPEzSkjALuWDCo=K(r%r7g_758$1yr47|9U#(4diUS0(8_e&x8STwk`y4>e
zm3xTgHvl%fR$~A41fSLFcKJ~v&Pm{@f~97o`wC#`fpW{uOXLq=9(FU@t{VwH2XXvo
zh-ojvsXN{NWrYercY<Mn9`G!+yHW6zQ|c24$Ko3LKP32qz@ckt>uFj3FLklJ{D)+@
zsgP+uTo0f-!2kj80r=%gc)91dzGOL0pK|=w0(6F(npTtH_^$x;x@#qFYnXlR!efHN
zBNZLtq-!SDF65&-{uqPCNO%0BAo|fW6R$P`M0O)r8Uk}=N*MfsXKByJz9qY~jfh_+
z!wx(M+Uc6=N43JJ`Ab@qw(5H^bxA^L-UC8<=01L;^=$AU1hQl}!QYUw-|cNbUL7cD
zPp)bv<s^WXS}+4lS0^yCg@p8knHa6s=_9|dq(#kVNq2&O1XJdGM*X~6VA%dzCi;p1
z(YSQ<v}>scs&$>&po<m$J_7s-!k}j+KCKOubo}K_l9Kc88B7Xo1$bknK!jn>Obpce
zb~wfR6^MKUI04YNo~6FgI8(r|OIty_cc%Pw+|9IY0ElaSja;x9jKQb}g8*J|t;C8(
zfK;})MkwOc)y&U%|N8e}Q}>lPKO<K<2A1R0nZMA%GAu~o;ewU;vL3{6g4Y1N3ua%6
zMLh+x)s544j21gZD8`BTp~|W-Z2uq=lAfilsRvlTdwlV9N9z`$@aXxpHolP7$dyLG
zNV=BVQvuwbozy}_`H6t&Mc>dSorM{>@_J@@gcVv<ctSllx2}zRkcPw|2AiIx9c|Q)
z*t$E#y8!Vun0L4tZC|9B_u&|JX&1oTS<p+KseX7p5Z&=Nfazlp+tusinlICE{EcAR
z&xA8lVsN52@m)PoXWqYqrFaX>CYZOoz1p5?ee9<{Gg<O|fFA)c#*9N?oJA8&iYb=U
z&8&%#x{0VCz&eIJ&5C#~s(EcPv4B}oDj(cS5>Enn9N=4s=q7Mw4P64@GjKu*<&%l@
e(r9PJp8o*t->Q+&_*)JD0000<MNUMnLSTYN$O5|n

literal 0
HcmV?d00001