Эх сурвалжийг харах

style: app登录页面样式调整4

cuiyalong 8 сар өмнө
parent
commit
f62917185f

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

@@ -276,6 +276,10 @@
 .footer-container {
   padding-top: .16rem;
 }
+.login-placeholder {
+  height: 30px;
+  transition: height 0.3s ease;
+}
 /*重置input默认样式*/
 /*input:-webkit-autofill{*/
 /*    -webkit-box-shadow: 0 0 0px 1000px transparent inset;*/

+ 13 - 3
src/jfw/modules/app/src/web/templates/me/login.html

@@ -119,11 +119,10 @@
   .active-tip-group img {
       width: 100%;
   }
-
 </style>
 <body>
   <div class="page-container j-container">
-    <div class="page-main j-main">
+    <div class="page-main">
       <div id="header" class="header-login">
         <!-- <a href="javascript:;" class="cancle"><span class="app-back jyapp-icon jyapp-icon-zuojiantou"></span></a>
         <h2>欢迎使用剑鱼标讯</h2> -->
@@ -192,6 +191,7 @@
         <div style="padding: 0 12px;">第三方登录</div>
         <div class="third_line"></div>
       </div> -->
+      <div class="login-placeholder"></div>
 	    <div class="footer-container">
         <div class="third-and-fast-login-container">
             <div class="fast-login-item">
@@ -237,9 +237,19 @@
     * @param {Array|String} active_codes_map 广告id标识符--数组集合["jy-wx-course-pay-success"]
     * @parRam {String} isAppsion 请求环境、app、weixin、pc
     */
-    getActive.getActiveInfo(Activedata,'Applink')
+    getActive.getActiveInfo(Activedata,'Applink', undefined, () => {
+      calcPlaceholderHeight()
+    })
   </script>
     <script type="text/javascript">
+      function calcPlaceholderHeight() {
+        const containerH = $('.page-container').height()
+        const mainH = $('.page-main').height()
+        const footerH = $('.footer-container').height()
+        const yu = containerH - mainH - footerH - 80
+
+        $('.login-placeholder').css({ height: yu + 'px' })
+      }
       // var platform = utils.isWeiXinBrowser ? 'wx' : 'app'
       // 注册埋点
       function trackClick (c_type) {

+ 2 - 1
src/web/staticres/common-module/ad/js/index.js

@@ -60,7 +60,7 @@ var getActive = {
    * @param {String} orderCode 订单编号(应用场景:支付成功将订单编号塞到请求头里给后端,后端根据订单编号返回特定身份的广告位)
    * @returns {Object|Array}
    */
-  getActiveInfo: function (active_codes_map,isAppsion, orderCode) {
+  getActiveInfo: function (active_codes_map,isAppsion, orderCode, callback) {
     // 如果执行环境是app
     var isAppsionApp = isAppsion === 'App'
     $.ajax({
@@ -190,6 +190,7 @@ var getActive = {
         $('.ad_space').hide()
         $('.login-dig-box').css('left', 'calc(50vw - 181px)')
       }
+      callback && callback(res)
     })
   }
 }