Forráskód Böngészése

feat: 移动端一键登录按钮显示隐藏逻辑调整

cuiyalong 8 hónapja
szülő
commit
209cc59375

+ 6 - 0
src/jfw/modules/app/src/web/staticres/jyapp/me/css/login.css

@@ -85,6 +85,12 @@
   background-color: #2ABED1;
 }
 
+.fast-login-open-link.no-right-line {
+  margin-right: 0;
+}
+.fast-login-open-link.no-right-line::after {
+  content: unset;
+}
 
 .login .forget a {
   color: #2ABED1;

+ 27 - 16
src/jfw/modules/app/src/web/templates/me/login.html

@@ -186,20 +186,20 @@
         </div>
       </div>
       <!--微信登录start-->
-      <div class="wx">
-        <!-- <div class="third_title">
-          <div class="third_line"></div>
-          <div style="padding: 0 12px;">第三方登录</div>
-          <div class="third_line"></div>
-        </div> -->
-        <div class="third-and-fast-login-container">
-            <div class="fast-login-item">
-              <a href="javascript:void(0)" class="fast-login-open-link" style="display: none;">本机号码一键登录</a>
-            </div>
-            <div class="fast-login-item third_wx">
+      <!-- <div class="third_title">
+        <div class="third_line"></div>
+        <div style="padding: 0 12px;">第三方登录</div>
+        <div class="third_line"></div>
+      </div> -->
+      <div class="third-and-fast-login-container">
+          <div class="fast-login-item">
+            <a href="javascript:void(0)" class="fast-login-open-link" style="display: none;">本机号码一键登录</a>
+          </div>
+          <div class="fast-login-item wx">
+            <div class=" third_wx">
               <img src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/me/images/login_wx.png?v={{Msg "seo" "version"}}">
             </div>
-        </div>
+          </div>
       </div>
       <!--微信登录end-->
       <div class="rules">
@@ -271,9 +271,20 @@
     var hideNum = 0
     var timer = null
     var platform = utils.$envs
+
+    function showWxLoginIcon(f) {
+      if (f) {
+        $('.wx').show()
+        $('.fast-login-open-link').removeClass('no-right-line')
+      } else {
+        $('.wx').hide()
+        $('.fast-login-open-link').addClass('no-right-line')
+      }
+    }
+
     // s-- h5状态下隐藏微信登录 --s
     if (platform.inH5) {
-      $('.wx').hide()
+      showWxLoginIcon(false)
     }
     // e-- h5状态下隐藏微信登录 -- e
     // s-- 删除注册页缓存 -- s
@@ -674,11 +685,11 @@
 			if(kbTimeout != null){
 				clearTimeout(kbTimeout);
 			}
-			$(".wx").hide();
+			showWxLoginIcon(false)
 		}
 		function afterKeyboardHide(){
 			kbTimeout = setTimeout(function(){
-				$(".wx").show();
+				showWxLoginIcon(true)
 			},300);
 		}
 		var kicked = {{.T.kicked}};
@@ -692,7 +703,7 @@
 			try{
 				//是否安装了微信
 				if(JyObj.isInstallWeixin()==0){
-					$(".wx").hide();
+					showWxLoginIcon(false)
 				}
 			}catch(e){}
 			if(getUrlParam("flag")=="kicked" || getUrlParam("flag")=="quit"){