Explorar el Código

feat: 处理底部广告位遮挡问题

zhangyuhan hace 2 años
padre
commit
71cce36276
Se han modificado 2 ficheros con 13 adiciones y 4 borrados
  1. 6 4
      src/web/staticres/css/pc.css
  2. 7 0
      src/web/templates/pc/index.html

+ 6 - 4
src/web/staticres/css/pc.css

@@ -1948,6 +1948,7 @@ form{
 }
 .jy_friendlink_title{
 	margin-right: 40px;
+  word-break: keep-all;
 }
 .jy_friendlink_content ul li img{
 	height: 28px;
@@ -2023,7 +2024,7 @@ form{
 	padding-left: 25px;
 	background: url(/images/pc/phone-grey.png) no-repeat left center;
 	background-size: 20px;
-	margin-left: 26px;
+	margin-left: 20px;
 }
 .jy_classify_list ul{
 	margin-top: 26px;
@@ -2137,7 +2138,7 @@ form{
 	 height: 40px;
 	 line-height: 40px;
 	 background: #000;
-
+   box-sizing: content-box;
 }
 .jy_renzheng div a{
   display: inline-block;
@@ -2172,9 +2173,10 @@ form{
     margin-bottom: 10px;
 }
 .j-bottom{
-	height:438px;
+	/*height:438px;*/
 	line-height:22px;
 	position: relative;
+  padding-bottom: 65px;
 }
 .userstatus{
 	position: absolute;
@@ -5140,4 +5142,4 @@ h6 {
 
 .login-dig-footer-box p.passTip{
   margin-top: 100px;
-}
+}

+ 7 - 0
src/web/templates/pc/index.html

@@ -666,6 +666,13 @@
         })
         // 处理低高度屏幕下无法显示下方文字
         $('#jy-index').css('min-height', document.documentElement.clientHeight + 'px')
+        // 首页底部样式调整,适配广告位
+        function fixBottomADHeight () {
+          var adHeight = $('.pc-index-bottom').height()
+          $(".jy_renzheng").css('bottom', adHeight)
+          $(".j-bottom").css('padding-bottom', Number($(".j-bottom").css('padding-bottom').replace('px', '')) + adHeight)
+        }
+        fixBottomADHeight()
         // 从login.js isAdd接口取大会员状态  赋值给全局变量
         clearInterval(memberTimer)
         var memberTimer = setInterval(function () {