Sfoglia il codice sorgente

修改自适应高度和头部按钮下移的问题

outaozhen 6 anni fa
parent
commit
d95590e01e
7 ha cambiato i file con 12 aggiunte e 12 eliminazioni
  1. 1 1
      css/global.css
  2. 2 2
      js/global.js
  3. 1 1
      software-buliding.html
  4. 2 2
      software-details.html
  5. 3 3
      software-index.html
  6. 2 2
      software-list.html
  7. 1 1
      softwrae-obtain.html

+ 1 - 1
css/global.css

@@ -187,7 +187,7 @@ body{
   border:1px solid #ddd;
   border-radius: 7px;
   padding:15px;
-  margin:15px;
+  margin:15px 15px 16px 15px;
   font-size: 16px;
 }
 .software-title{

+ 2 - 2
js/global.js

@@ -13,9 +13,9 @@ $(function () {
 function autoFlashHeight(){
 	// var header = $(".header").height();
 	var softwareDetailTop = $(".software-detail-top").height();
-	$(".autoHeightL1").height($(window).height()-80-16);
+	$(".autoHeightL1").height($(window).height()-80);
 	$(".autoHeightL2").height($(window).height()-80-198);
-	$(".autoHeightL3").height($(window).height()-80-softwareDetailTop-62);
+	$(".autoHeightL3").height($(window).height()-80-softwareDetailTop-46);
 	$(".autoHeightL4").height($(window).height()-80-119);
 	// console.log($(window).height());
 	console.log($(document).height());

+ 1 - 1
software-buliding.html

@@ -151,7 +151,7 @@
                 <div class="mr-3 ml-5"><a href="#" class="colorblack"><i class="fas fa-minus"></i></a></div>
               </div>
               <div class="">
-                <div class=""><a href="#" class="colorblack"><i class="fas fa-times"></i></a></div>
+                <div class="mt-1"><a href="#" class="colorblack"><i class="fas fa-times"></i></a></div>
               </div>
             </div>
           </div>

+ 2 - 2
software-details.html

@@ -153,8 +153,8 @@
         </div>
       </div>
       <div class="software-wrap">
-        <div class="software-detail-top pt-3 pl-3">
-          <div class="media">
+        <div class="software-detail-top pl-3">
+          <div class="media pt-3">
             <img class="mr-3" src="images/product01.png" width="50" height="50" alt="广东公路造价">
             <div class="media-body">
               <h5 class="mt-0 mb-1">公路造价(增值税)</h5>

+ 3 - 3
software-index.html

@@ -158,7 +158,7 @@
         </div>
       </div>
       <div class="software-wrap">
-        <div class="software-wrapscroll pt-3 autoHeightL1">
+        <div class="software-wrapscroll autoHeightL1">
           <div class="software-left">
             <div class="open-left">
               <span><i class="fas fa-chevron-left"></i></span>
@@ -212,8 +212,8 @@
             </div>
           </div>
           <div class="local-install">
-            <div class="software-detail-top pt-3 pl-3">
-              <div class="media">
+            <div class="software-detail-top pl-3">
+              <div class="media pt-3">
                 <img class="mr-3" src="images/product01.png" width="50" height="50" alt="广东公路造价">
                 <div class="media-body">
                   <h5 class="mt-0 mb-1">公路造价(增值税)</h5>

+ 2 - 2
software-list.html

@@ -153,8 +153,8 @@
         </div>
       </div>
       <div class="software-wrap">
-        <div class="software-wrapscroll pt-3 autoHeightL1">
-          <div class="freewrap">
+        <div class="software-wrapscroll autoHeightL1">
+          <div class="freewrap mt-3">
             <div class="free-title"><img src="images/mainlogo.png" class="mr-2">纵横造价免费网络版</div>
              <div class="">
               <div class="media free-content">

+ 1 - 1
softwrae-obtain.html

@@ -160,7 +160,7 @@
           <h5><span>检索完成</span></h5>
           <div>努力检索到了 <b>5</b> 款软件</div>
         </div>
-        <div class="obtian-list mt-3 autoHeightL4">
+        <div class="obtian-list autoHeightL4">
           <div class="software-list">
             <div class="media">
               <img class="mr-3" src="images/product01.png" width="40" height="40" alt="公路造价(增值税)">