Trang chủ Khám phá Trợ giúp
Đăng nhập
S.H.I.E.L.D.
/
Launcher
2
0
Fork 0
Các tập tin Yêu cầu khéo về 0 Wiki
Browse Source

修改自适应高度

outaozhen 6 năm trước cách đây
mục cha
bb43cad00b
commit
b4305b1bd1
9 tập tin đã thay đổi với 325 bổ sung và 297 xóa
Split View Hiển thị tình trạng sai khác
  1. 1 8
      css/global.css
  2. 4 5
      js/global.js
  3. 4 3
      software-buliding.html
  4. 16 3
      software-details.html
  5. 209 206
      software-index.html
  6. 3 2
      software-list.html
  7. 67 64
      software-news.html
  8. 4 3
      softwrae-obtain.html
  9. 17 3
      softwrae-welcome.html

+ 1 - 8
css/global.css
Xem Tập Tin 

@@ -95,14 +95,12 @@ body{
 
 }
 
 .lock-detail{
 
   width:100%;
 
-  position:relative;
 
 }
 
 .text-orange{
 
   color:#ff6501;
 
   padding:0 10px;
 
 }
 
 .info-title{
 
-  position:absolute;
 
   width:100%;
 
   height:60px;
 
   line-height: 60px;
 
@@ -111,8 +109,6 @@ body{
 
   z-index: 10;
 
 }
 
 .info-list{
 
-  position:absolute;
 
-  top:67px;
 
   width:100%;
 
   overflow-y:auto;
 
 }
 
@@ -121,7 +117,6 @@ body{
 
   font-size: 14px;
 
 }
 
 .software-wrapscroll{
 
-  position:absolute;
 
   width:100%;
 
   overflow-y:auto;
 
 }
 
@@ -183,7 +178,6 @@ body{
 
   bottom:10px;
 
 }
 
 .obtian-list{
 
-  position:absolute;
 
   width:100%;
 
   overflow-y:auto;
 
 }
 
@@ -332,7 +326,6 @@ body{
 
   overflow-y:hidden;
 
 }
 
 .software-content{
 
-  position:absolute;
 
   width:100%;
 
 }
 
 .software-tab-pane{
 
@@ -362,7 +355,7 @@ body{
 
 .iconbg{
 
   display:block;
 
   width:30px;
 
-  padding:10px 0;
 
+  padding:7px 0;
 
   margin:0 0 5px 9px;
 
   text-align: center;
 
 }

+ 4 - 5
js/global.js
Xem Tập Tin 

@@ -11,11 +11,10 @@ $(function () {
 
   $('[data-toggle="tooltip"]').tooltip();
 
 });
 
 function autoFlashHeight(){
 
-	var header = $(".header").height();
 
-	$(".autoHeightL1").height($(window).height()-header-25);
 
-	$(".autoHeightL2").height($(window).height()-header-231);
 
-	$(".autoHeightL3").height($(window).height()-header-125);
 
-	$(".autoHeightL4").height($(window).height()-header-114);
 
+	$(".autoHeightL1").height($(window).height()-80-16);
 
+	$(".autoHeightL2").height($(window).height()-80-198);
 
+	$(".autoHeightL3").height($(window).height()-80-112);
 
+	$(".autoHeightL4").height($(window).height()-80-119);
 
 	// console.log($(window).height());
 
 	console.log($(document).height());
 
 };

+ 4 - 3
software-buliding.html
Xem Tập Tin 

@@ -1,4 +1,5 @@
 
-<html lang="en">
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
   <head>
 
     <!-- Required meta tags -->
 
     <meta charset="utf-8">
 
@@ -156,8 +157,8 @@
 
           </div>
 
         </div>
 
       </div>
 
-      <div class="software-wrap autoHeightL1">
 
-        <div class="software-wrapscroll autoHeightL1">
 
+      <div class="software-wrap">
 
+        <div class="software-wrapscroll pt-3 autoHeightL1">
 
          <div class="jumbotron m-5 bg-white">
 
             <div class="container">
 
               <h1 class="display-4"><img src="images/building.png" width="52" class="mr-2 mb-1">纵横建筑云计价</h1>

+ 16 - 3
software-details.html
Xem Tập Tin 

@@ -1,4 +1,5 @@
 
-<html lang="en">
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
   <head>
 
     <!-- Required meta tags -->
 
     <meta charset="utf-8">
 
@@ -151,7 +152,7 @@
 
           </div>
 
         </div>
 
       </div>
 
-      <div class="software-wrap autoHeightL1">
 
+      <div class="software-wrap">
 
         <div class="software-detail-top pt-3 pl-3">
 
           <div class="media">
 
             <img class="mr-3" src="images/product01.png" width="50" height="50" alt="广东公路造价">
 
@@ -161,7 +162,7 @@
 
             </div>
 
           </div>
 
         </div>
 
-        <div class="software-detail pt-3 pb-1 mb-3">
 
+        <div class="software-detail pt-3">
 
           <ul class="software-nav nav nav-tabs pl-3" id="myTab" role="tablist">
 
             <li class="nav-item">
 
               <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true"><span class="iconbg iconbg-purple rounded"><i class="fas fa-download"></i></span>下载软件</a>
 
@@ -203,6 +204,18 @@
 
                   <div class="w-50 d-inline-block">锁号：SC-Z****</div>
 
                   <div class="">E:\Program Files (x86)\纵横软件\纵横公路工程算量软件(专业版)</div>
 
                 </div>
 
+                <div class="details">
 
+                  <div class="float-right"><button type="button" class="btn btn-white btn-sm"><i class="fas fa-download mr-2"></i>下载</button></div>
 
+                  <div class="w-25 d-inline-block">专业版</div>
 
+                  <div class="w-50 d-inline-block">锁号：SC-Z****</div>
 
+                  <div class="">E:\Program Files (x86)\纵横软件\纵横公路工程算量软件(专业版)</div>
 
+                </div>
 
+                <div class="details">
 
+                  <div class="float-right"><button type="button" class="btn btn-white btn-sm"><i class="fas fa-download mr-2"></i>下载</button></div>
 
+                  <div class="w-25 d-inline-block">专业版</div>
 
+                  <div class="w-50 d-inline-block">锁号：SC-Z****</div>
 
+                  <div class="">E:\Program Files (x86)\纵横软件\纵横公路工程算量软件(专业版)</div>
 
+                </div>
 
               </div>
 
             </div>
 
             <div class="tab-pane fade pr-3" id="details" role="tabpanel" aria-labelledby="profile-tab">

+ 209 - 206
software-index.html
Xem Tập Tin 

@@ -1,4 +1,5 @@
 
-<html lang="en">
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
   <head>
 
     <!-- Required meta tags -->
 
     <meta charset="utf-8">
 
@@ -156,251 +157,253 @@
 
           </div>
 
         </div>
 
       </div>
 
-      <div class="software-wrap autoHeightL1">
 
-        <div class="software-left">
 
-          <div class="open-left">
 
-            <span><i class="fas fa-chevron-left"></i></span>
 
-            <!-- <span><i class="fas fa-chevron-right"></i></span> -->
 
-          </div>
 
-          <div class="local-software mt-4">
 
-            <div class="software media active">
 
-              <img class="mr-2" src="images/product01.png" width="25" height="25" alt="公路造价（增值税）">
 
-              <div class="media-body left-media-body">
 
-                <div class="mt-1 mb-1"><a href="#">公路造价（增值税）</a></div>
 
-                <span class="software-num rounded">4</span>
 
-              </div>
 
+      <div class="software-wrap">
 
+        <div class="software-wrapscroll pt-3 autoHeightL1">
 
+          <div class="software-left">
 
+            <div class="open-left">
 
+              <span><i class="fas fa-chevron-left"></i></span>
 
+              <!-- <span><i class="fas fa-chevron-right"></i></span> -->
 
             </div>
 
-            <div class="software media">
 
-              <img class="mr-2" src="images/product02.png" width="25" height="25" alt="公路造价（增值税）">
 
-              <div class="media-body left-media-body">
 
-                <div class="mt-1 mb-1"><a href="#">广东公路造价（增值税）</a></div>
 
-                <span class="software-num rounded">2</span>
 
+            <div class="local-software mt-4">
 
+              <div class="software media active">
 
+                <img class="mr-2" src="images/product01.png" width="25" height="25" alt="公路造价（增值税）">
 
+                <div class="media-body left-media-body">
 
+                  <div class="mt-1 mb-1"><a href="#">公路造价（增值税）</a></div>
 
+                  <span class="software-num rounded">4</span>
 
+                </div>
 
               </div>
 
-            </div>
 
-            <div class="software media">
 
-              <img class="mr-2" src="images/fenlei.png" width="25" height="25" alt="未分类软件">
 
-              <div class="media-body left-media-body">
 
-                <div class="mt-1 mb-1"><a href="#">未分类软件</a></div>
 
-                <span class="software-num rounded">8</span>
 
+              <div class="software media">
 
+                <img class="mr-2" src="images/product02.png" width="25" height="25" alt="公路造价（增值税）">
 
+                <div class="media-body left-media-body">
 
+                  <div class="mt-1 mb-1"><a href="#">广东公路造价（增值税）</a></div>
 
+                  <span class="software-num rounded">2</span>
 
+                </div>
 
+              </div>
 
+              <div class="software media">
 
+                <img class="mr-2" src="images/fenlei.png" width="25" height="25" alt="未分类软件">
 
+                <div class="media-body left-media-body">
 
+                  <div class="mt-1 mb-1"><a href="#">未分类软件</a></div>
 
+                  <span class="software-num rounded">8</span>
 
+                </div>
 
               </div>
 
             </div>
 
-          </div>
 
-          <div class="software-left-bottomV1">
 
-            <div class="d-flex">
 
-              <div class="p-2 flex-fill"><a style="width:100%;" href="software-list.html" class="btn btn-orange btn-sm">下载中心</a></div>
 
-              <div class="p-2 flex-fill dropup"><button style="width:100%;" type="button" class="btn btn-blue btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">添加软件</button>
 
-                <div class="dropdown-menu dropdown-wrap">
 
-                  <a class="dropdown-item" href="softwrae-obtain.html">自动获取</a>
 
-                  <a class="dropdown-item" href="software-index.html">手动添加</a>
 
+            <div class="software-left-bottomV1">
 
+              <div class="d-flex">
 
+                <div class="p-2 flex-fill"><a style="width:100%;" href="software-list.html" class="btn btn-orange btn-sm">下载中心</a></div>
 
+                <div class="p-2 flex-fill dropup"><button style="width:100%;" type="button" class="btn btn-blue btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">添加软件</button>
 
+                  <div class="dropdown-menu dropdown-wrap">
 
+                    <a class="dropdown-item" href="softwrae-obtain.html">自动获取</a>
 
+                    <a class="dropdown-item" href="software-index.html">手动添加</a>
 
+                  </div>
 
                 </div>
 
               </div>
 
             </div>
 
-          </div>
 
-          <div class="software-left-bottomV2" style="display:none;">
 
-            <div class="d-flex">
 
-              <div class="p-2 flex-fill dropup"><button style="width:100%;" type="button" class="btn btn-blue btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-plus mt-2 mb-2"></i></button>
 
-                <div class="dropdown-menu dropdown-wrap">
 
-                  <a class="dropdown-item" href="software-list.html">下载软件</a>
 
-                  <div class="dropdown-divider"></div>
 
-                  <a class="dropdown-item" href="softwrae-obtain.html">自动获取</a>
 
-                  <a class="dropdown-item" href="software-index.html">手动添加</a>
 
+            <div class="software-left-bottomV2" style="display:none;">
 
+              <div class="d-flex">
 
+                <div class="p-2 flex-fill dropup"><button style="width:100%;" type="button" class="btn btn-blue btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-plus mt-2 mb-2"></i></button>
 
+                  <div class="dropdown-menu dropdown-wrap">
 
+                    <a class="dropdown-item" href="software-list.html">下载软件</a>
 
+                    <div class="dropdown-divider"></div>
 
+                    <a class="dropdown-item" href="softwrae-obtain.html">自动获取</a>
 
+                    <a class="dropdown-item" href="software-index.html">手动添加</a>
 
+                  </div>
 
                 </div>
 
               </div>
 
             </div>
 
           </div>
 
-        </div>
 
-        <div class="local-install">
 
-          <div class="software-detail-top pt-3 pl-3">
 
-            <div class="media">
 
-              <img class="mr-3" src="images/product01.png" width="50" height="50" alt="广东公路造价">
 
-              <div class="media-body">
 
-                <h5 class="mt-0 mb-1">公路造价（增值税）</h5>
 
-                纵横公路工程造价管理系统
 
+          <div class="local-install">
 
+            <div class="software-detail-top pt-3 pl-3">
 
+              <div class="media">
 
+                <img class="mr-3" src="images/product01.png" width="50" height="50" alt="广东公路造价">
 
+                <div class="media-body">
 
+                  <h5 class="mt-0 mb-1">公路造价（增值税）</h5>
 
+                  纵横公路工程造价管理系统
 
+                </div>
 
               </div>
 
             </div>
 
-          </div>
 
-          <div class="software-detail pt-3">
 
-            <ul class="software-nav nav nav-tabs pl-3" id="myTab" role="tablist">
 
-              <li class="nav-item">
 
-                <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true"><span class="iconbg iconbg-purple rounded"><i class="fas fa-download"></i></span>下载软件</a>
 
-              </li>
 
-              <li class="nav-item">
 
-                <a class="nav-link" id="profile-tab" data-toggle="tab" href="#details" role="tab" aria-controls="profile" aria-selected="false"><span class="iconbg iconbg-green rounded"><i class="fas fa-info"></i></span>软件详情</a>
 
-              </li>
 
-              <li class="nav-item">
 
-                <a class="nav-link" id="profile-tab" data-toggle="tab" href="#videos" role="tab" aria-controls="profile" aria-selected="false"><span class="iconbg iconbg-yellow rounded"><i class="fas fa-video"></i></span>动画教程</a>
 
-              </li>
 
-            </ul>
 
-            <div class="tab-content software-content" id="myTabContent">
 
-              <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
 
-                <div class="software-tab-pane autoHeightL3">
 
-                  <div class="details">
 
-                    <div class="float-right"><button type="button" class="btn btn-white btn-sm" data-toggle="modal" data-target="#loginwrap"><i class="fas fa-play mr-2"></i>启动</button></div>
 
-                    <div class="details-title"><a href="#" title="E:\Program Files (x86)\纵横软件\免费网络版">免费网络版</a></div>
 
-                    <div class="w-25 d-inline-block">9.1.0.512</div>
 
-                    <div class="inline-block">SmartCost 2008网络版</div>
 
-                  </div>
 
-                  <div class="details">
 
-                    <div class="float-right"><button type="button" class="btn btn-white btn-sm" data-toggle="modal" data-target="#onlinelist"><i class="fas fa-play mr-2"></i>启动</button></div>
 
-                    <div class="details-title"><a href="#" title="E:\Program Files (x86)\纵横软件\免费网络版">免费网络版</a></div>
 
-                    <div class="w-25 d-inline-block">9.1.0.512</div>
 
-                    <div class="inline-block">SmartCost 2008网络版</div>
 
-                  </div>
 
-                  <div class="details">
 
-                    <div class="float-right"><button type="button" class="btn btn-white btn-sm"><i class="fas fa-play mr-2"></i>启动</button><!-- <button type="button" class="btn btn-success btn-sm ml-2" data-toggle="modal" data-target="#Modal">新版本</button> --></div>
 
-                    <div class="details-title"><a href="#" title="E:\Program Files (x86)\纵横软件\纵横结算决算计量一体化软件(广东云版)">纵横公路工程结算决算计量一体化(云版)</a></div>
 
-                    <div class="w-25 d-inline-block">3.1.7.140</div>
 
-                    <div class="inline-block">纵横结算决算计量一体化云版</div>
 
-                    <!-- <div class="software-stitle"><a href="#">E:\Program Files (x86)\纵横软件\纵横结算决算计量一体化软件(广东云版)</a></div> -->
 
-                  </div>
 
-                  <div class="details">
 
-                    <div class="float-right"><button type="button" class="btn btn-white btn-sm"><i class="fas fa-play mr-2"></i>启动</button></div>
 
-                    <div class="details-title">
 
-                      <div class="w-25 d-inline-block"><a href="#" title="E:\Program Files (x86)\纵横软件\纵横结算决算计量一体化软件(广东云版)">广东材料调差免费网络版</a></div>
 
-                      <div class="d-inline-block">锁号：SC-Z****</div>
 
+            <div class="software-detail pt-3">
 
+              <ul class="software-nav nav nav-tabs pl-3" id="myTab" role="tablist">
 
+                <li class="nav-item">
 
+                  <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true"><span class="iconbg iconbg-purple rounded"><i class="fas fa-download"></i></span>下载软件</a>
 
+                </li>
 
+                <li class="nav-item">
 
+                  <a class="nav-link" id="profile-tab" data-toggle="tab" href="#details" role="tab" aria-controls="profile" aria-selected="false"><span class="iconbg iconbg-green rounded"><i class="fas fa-info"></i></span>软件详情</a>
 
+                </li>
 
+                <li class="nav-item">
 
+                  <a class="nav-link" id="profile-tab" data-toggle="tab" href="#videos" role="tab" aria-controls="profile" aria-selected="false"><span class="iconbg iconbg-yellow rounded"><i class="fas fa-video"></i></span>动画教程</a>
 
+                </li>
 
+              </ul>
 
+              <div class="tab-content software-content" id="myTabContent">
 
+                <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
 
+                  <div class="software-tab-pane autoHeightL3">
 
+                    <div class="details">
 
+                      <div class="float-right"><button type="button" class="btn btn-white btn-sm" data-toggle="modal" data-target="#loginwrap"><i class="fas fa-play mr-2"></i>启动</button></div>
 
+                      <div class="details-title"><a href="#" title="E:\Program Files (x86)\纵横软件\免费网络版">免费网络版</a></div>
 
+                      <div class="w-25 d-inline-block">9.1.0.512</div>
 
+                      <div class="inline-block">SmartCost 2008网络版</div>
 
                     </div>
 
-                    <div class="w-25 d-inline-block">3.1.7.140</div>
 
-                    <div class="inline-block">纵横结算决算计量一体化云版</div>
 
-                    <!-- <div class="software-stitle"><a href="#">E:\Program Files (x86)\纵横软件\纵横结算决算计量一体化软件(广东云版)</a></div> -->
 
-                  </div>
 
-                  <div class="details">
 
-                    <div class="float-right"><button type="button" class="btn btn-white btn-sm"><i class="fas fa-play mr-2"></i>启动</button></div>
 
-                    <div class="details-title">
 
-                      <div class="w-25 d-inline-block"><a href="#" title="E:\Program Files (x86)\纵横软件\纵横结算决算计量一体化软件(广东云版)">业主版</a></div>
 
-                      <div class="d-inline-block">锁号：SC-GDC****</div>
 
+                    <div class="details">
 
+                      <div class="float-right"><button type="button" class="btn btn-white btn-sm" data-toggle="modal" data-target="#onlinelist"><i class="fas fa-play mr-2"></i>启动</button></div>
 
+                      <div class="details-title"><a href="#" title="E:\Program Files (x86)\纵横软件\免费网络版">免费网络版</a></div>
 
+                      <div class="w-25 d-inline-block">9.1.0.512</div>
 
+                      <div class="inline-block">SmartCost 2008网络版</div>
 
                     </div>
 
-                    <div class="w-25 d-inline-block">3.1.6.140</div>
 
-                    <div class="inline-block">纵横结算决算计量一体化云版</div>
 
-                    <!-- <div class="software-stitle"><a href="#">E:\Program Files (x86)\纵横软件\纵横公路工程算量软件(专业版)</a></div> -->
 
-                  </div>
 
-                  <div class="details">
 
-                    <div class="float-right"><button type="button" class="btn btn-white btn-sm"><i class="fas fa-play mr-2"></i>启动</button></div>
 
-                    <div class="details-title">
 
-                      <div class="w-25 d-inline-block">专业版</div>
 
-                      <div class="d-inline-block">锁号：SC-Z****</div>
 
+                    <div class="details">
 
+                      <div class="float-right"><button type="button" class="btn btn-white btn-sm"><i class="fas fa-play mr-2"></i>启动</button><!-- <button type="button" class="btn btn-success btn-sm ml-2" data-toggle="modal" data-target="#Modal">新版本</button> --></div>
 
+                      <div class="details-title"><a href="#" title="E:\Program Files (x86)\纵横软件\纵横结算决算计量一体化软件(广东云版)">纵横公路工程结算决算计量一体化(云版)</a></div>
 
+                      <div class="w-25 d-inline-block">3.1.7.140</div>
 
+                      <div class="inline-block">纵横结算决算计量一体化云版</div>
 
+                      <!-- <div class="software-stitle"><a href="#">E:\Program Files (x86)\纵横软件\纵横结算决算计量一体化软件(广东云版)</a></div> -->
 
                     </div>
 
-                    <div class="w-25 d-inline-block">3.1.7.140</div>
 
-                    <div class="inline-block">纵横结算决算计量一体化云版</div>
 
-                    <!-- <div class="software-stitle"><a href="#">E:\Program Files (x86)\纵横软件\纵横公路工程算量软件(专业版)</a></div> -->
 
-                  </div>
 
-                  <div class="details">
 
-                    <div class="float-right"><button type="button" class="btn btn-white btn-sm"><i class="fas fa-play mr-2"></i>启动</button></div>
 
-                    <div class="details-title">
 
-                      <div class="w-25 d-inline-block">招投标版</div>
 
-                      <div class="d-inline-block">锁号：SC-GDT****</div>
 
+                    <div class="details">
 
+                      <div class="float-right"><button type="button" class="btn btn-white btn-sm"><i class="fas fa-play mr-2"></i>启动</button></div>
 
+                      <div class="details-title">
 
+                        <div class="w-25 d-inline-block"><a href="#" title="E:\Program Files (x86)\纵横软件\纵横结算决算计量一体化软件(广东云版)">广东材料调差免费网络版</a></div>
 
+                        <div class="d-inline-block">锁号：SC-Z****</div>
 
+                      </div>
 
+                      <div class="w-25 d-inline-block">3.1.7.140</div>
 
+                      <div class="inline-block">纵横结算决算计量一体化云版</div>
 
+                      <!-- <div class="software-stitle"><a href="#">E:\Program Files (x86)\纵横软件\纵横结算决算计量一体化软件(广东云版)</a></div> -->
 
                     </div>
 
-                    <div class="w-25 d-inline-block">3.1.7.160</div>
 
-                    <div class="inline-block">纵横结算决算计量一体化云版</div>
 
-                    <!-- <div class="software-stitle"><a href="#">E:\Program Files (x86)\纵横软件\纵横公路工程算量软件(专业版)</a></div> -->
 
-                  </div>
 
-                  <div class="details">
 
-                    <div class="float-right"><button type="button" class="btn btn-white btn-sm"><i class="fas fa-play mr-2"></i>启动</button></div>
 
-                    <div class="details-title">
 
-                      <div class="w-25 d-inline-block">学习版</div>
 
-                      <div class="d-inline-block"></div>
 
+                    <div class="details">
 
+                      <div class="float-right"><button type="button" class="btn btn-white btn-sm"><i class="fas fa-play mr-2"></i>启动</button></div>
 
+                      <div class="details-title">
 
+                        <div class="w-25 d-inline-block"><a href="#" title="E:\Program Files (x86)\纵横软件\纵横结算决算计量一体化软件(广东云版)">业主版</a></div>
 
+                        <div class="d-inline-block">锁号：SC-GDC****</div>
 
+                      </div>
 
+                      <div class="w-25 d-inline-block">3.1.6.140</div>
 
+                      <div class="inline-block">纵横结算决算计量一体化云版</div>
 
+                      <!-- <div class="software-stitle"><a href="#">E:\Program Files (x86)\纵横软件\纵横公路工程算量软件(专业版)</a></div> -->
 
+                    </div>
 
+                    <div class="details">
 
+                      <div class="float-right"><button type="button" class="btn btn-white btn-sm"><i class="fas fa-play mr-2"></i>启动</button></div>
 
+                      <div class="details-title">
 
+                        <div class="w-25 d-inline-block">专业版</div>
 
+                        <div class="d-inline-block">锁号：SC-Z****</div>
 
+                      </div>
 
+                      <div class="w-25 d-inline-block">3.1.7.140</div>
 
+                      <div class="inline-block">纵横结算决算计量一体化云版</div>
 
+                      <!-- <div class="software-stitle"><a href="#">E:\Program Files (x86)\纵横软件\纵横公路工程算量软件(专业版)</a></div> -->
 
+                    </div>
 
+                    <div class="details">
 
+                      <div class="float-right"><button type="button" class="btn btn-white btn-sm"><i class="fas fa-play mr-2"></i>启动</button></div>
 
+                      <div class="details-title">
 
+                        <div class="w-25 d-inline-block">招投标版</div>
 
+                        <div class="d-inline-block">锁号：SC-GDT****</div>
 
+                      </div>
 
+                      <div class="w-25 d-inline-block">3.1.7.160</div>
 
+                      <div class="inline-block">纵横结算决算计量一体化云版</div>
 
+                      <!-- <div class="software-stitle"><a href="#">E:\Program Files (x86)\纵横软件\纵横公路工程算量软件(专业版)</a></div> -->
 
+                    </div>
 
+                    <div class="details">
 
+                      <div class="float-right"><button type="button" class="btn btn-white btn-sm"><i class="fas fa-play mr-2"></i>启动</button></div>
 
+                      <div class="details-title">
 
+                        <div class="w-25 d-inline-block">学习版</div>
 
+                        <div class="d-inline-block"></div>
 
+                      </div>
 
+                      <div class="w-25 d-inline-block">3.1.8.140</div>
 
+                      <div class="inline-block">纵横结算决算计量一体化云版</div>
 
+                      <!-- <div class="software-stitle"><a href="#">E:\Program Files (x86)\纵横软件\纵横公路工程算量软件(专业版)</a></div> -->
 
                     </div>
 
-                    <div class="w-25 d-inline-block">3.1.8.140</div>
 
-                    <div class="inline-block">纵横结算决算计量一体化云版</div>
 
-                    <!-- <div class="software-stitle"><a href="#">E:\Program Files (x86)\纵横软件\纵横公路工程算量软件(专业版)</a></div> -->
 
                   </div>
 
                 </div>
 
-              </div>
 
-              <div class="tab-pane fade pr-3" id="details" role="tabpanel" aria-labelledby="profile-tab">
 
-                <div class="software-tab-pane autoHeightL3">
 
-                  <p><strong><span style="color:#e36c09">产品介绍：</span></strong></p>
 
-                  <p>纵横公路造价软件2008年通过交通部测评，数据准确，品质保证。具有“模板克隆、定位查询、企业定额、清单调价、参数化设计、实时计算等功能。纵横公路软件以简洁的界面、个性化的资源、高效的算法和完善的管理让您的造价管理工作得心应手。</p>
 
-                  <p><strong><span style="color:#e36c09">使用说明：</span></strong></p>
 
-                  <p><a href="http://d2.smartcost.com.cn/doc/gongchengzaojiaguanlishouce.rar" target="blank">《纵横公路工程造价管理系统》简易操作手册</a></p><p><a href="http://d2.smartcost.com.cn/doc/zhaotoubiao.rar" target="blank">纵横公路造价软件招投标版功能演示</a></p>
 
-                  <p><a href="http://d2.smartcost.com.cn/doc/gaiyusuan.rar" target="blank">纵横公路造价软件概预算版功能演示</a></p><p><a href="http://d2.smartcost.com.cn/doc/wangluoban.zip" target="blank">纵横工程造价软件免费网络版注册教程</a></p>
 
-                  <p><a href="http://d2.smartcost.com.cn/doc/badianshiyonggongneng.zip" target="blank">纵横公路造价软件设计院客户8点实用功能</a></p>
 
-                  <p><strong><span style="color:#e36c09">操作指引：</span></strong></p>
 
-                  <p><img title="公路造价操作流程图.png" src="http://smartcost.com.cn/global/upload/img/20151028/14459972402207.png"></p>
 
+                <div class="tab-pane fade pr-3" id="details" role="tabpanel" aria-labelledby="profile-tab">
 
+                  <div class="software-tab-pane autoHeightL3">
 
+                    <p><strong><span style="color:#e36c09">产品介绍：</span></strong></p>
 
+                    <p>纵横公路造价软件2008年通过交通部测评，数据准确，品质保证。具有“模板克隆、定位查询、企业定额、清单调价、参数化设计、实时计算等功能。纵横公路软件以简洁的界面、个性化的资源、高效的算法和完善的管理让您的造价管理工作得心应手。</p>
 
+                    <p><strong><span style="color:#e36c09">使用说明：</span></strong></p>
 
+                    <p><a href="http://d2.smartcost.com.cn/doc/gongchengzaojiaguanlishouce.rar" target="blank">《纵横公路工程造价管理系统》简易操作手册</a></p><p><a href="http://d2.smartcost.com.cn/doc/zhaotoubiao.rar" target="blank">纵横公路造价软件招投标版功能演示</a></p>
 
+                    <p><a href="http://d2.smartcost.com.cn/doc/gaiyusuan.rar" target="blank">纵横公路造价软件概预算版功能演示</a></p><p><a href="http://d2.smartcost.com.cn/doc/wangluoban.zip" target="blank">纵横工程造价软件免费网络版注册教程</a></p>
 
+                    <p><a href="http://d2.smartcost.com.cn/doc/badianshiyonggongneng.zip" target="blank">纵横公路造价软件设计院客户8点实用功能</a></p>
 
+                    <p><strong><span style="color:#e36c09">操作指引：</span></strong></p>
 
+                    <p><img title="公路造价操作流程图.png" src="http://smartcost.com.cn/global/upload/img/20151028/14459972402207.png"></p>
 
+                  </div>
 
                 </div>
 
-              </div>
 
-              <div class="tab-pane fade pr-3" id="videos" role="tabpanel" aria-labelledby="profile-tab">
 
-                <div class="software-tab-pane autoHeightL3">
 
-                  <h1 class="vide-title">专属教程</h1>
 
-                  <div class="row">
 
-                    <div class="col-auto mb-4">
 
-                      <div class="card card-width">
 
-                        <img class="card-img-top" src="images/videos/glzj-01.jpg" alt="Card image cap">
 
-                        <div class="card-body p-3">
 
-                          <a class="btn btn-success btn-block btn-sm" href="#" target="_blank"><i class="fas fa-play-circle pr-1"></i>播放</a>
 
+                <div class="tab-pane fade pr-3" id="videos" role="tabpanel" aria-labelledby="profile-tab">
 
+                  <div class="software-tab-pane autoHeightL3">
 
+                    <h1 class="vide-title">专属教程</h1>
 
+                    <div class="row">
 
+                      <div class="col-auto mb-4">
 
+                        <div class="card card-width">
 
+                          <img class="card-img-top" src="images/videos/glzj-01.jpg" alt="Card image cap">
 
+                          <div class="card-body p-3">
 
+                            <a class="btn btn-success btn-block btn-sm" href="#" target="_blank"><i class="fas fa-play-circle pr-1"></i>播放</a>
 
+                          </div>
 
                         </div>
 
                       </div>
 
-                    </div>
 
-                    <div class="col-auto mb-4">
 
-                      <div class="card card-width">
 
-                        <img class="card-img-top" src="images/videos/glzj-02.jpg" alt="Card image cap">
 
-                        <div class="card-body p-3">
 
-                          <a class="btn btn-success btn-block btn-sm" href="#" target="_blank"><i class="fas fa-play-circle pr-1"></i>播放</a>
 
+                      <div class="col-auto mb-4">
 
+                        <div class="card card-width">
 
+                          <img class="card-img-top" src="images/videos/glzj-02.jpg" alt="Card image cap">
 
+                          <div class="card-body p-3">
 
+                            <a class="btn btn-success btn-block btn-sm" href="#" target="_blank"><i class="fas fa-play-circle pr-1"></i>播放</a>
 
+                          </div>
 
                         </div>
 
                       </div>
 
-                    </div>
 
-                    <div class="col-auto mb-4">
 
-                      <div class="card card-width">
 
-                        <img class="card-img-top" src="images/videos/glzj-03.jpg" alt="Card image cap">
 
-                        <div class="card-body p-3">
 
-                          <a class="btn btn-success btn-block btn-sm" href="#" target="_blank"><i class="fas fa-play-circle pr-1"></i>播放</a>
 
+                      <div class="col-auto mb-4">
 
+                        <div class="card card-width">
 
+                          <img class="card-img-top" src="images/videos/glzj-03.jpg" alt="Card image cap">
 
+                          <div class="card-body p-3">
 
+                            <a class="btn btn-success btn-block btn-sm" href="#" target="_blank"><i class="fas fa-play-circle pr-1"></i>播放</a>
 
+                          </div>
 
                         </div>
 
                       </div>
 
-                    </div>
 
-                    <div class="col-auto mb-4">
 
-                      <div class="card card-width">
 
-                        <img class="card-img-top" src="images/videos/glzj-04.jpg" alt="Card image cap">
 
-                        <div class="card-body p-3">
 
-                          <a class="btn btn-success btn-block btn-sm" href="#" target="_blank"><i class="fas fa-play-circle pr-1"></i>播放</a>
 
+                      <div class="col-auto mb-4">
 
+                        <div class="card card-width">
 
+                          <img class="card-img-top" src="images/videos/glzj-04.jpg" alt="Card image cap">
 
+                          <div class="card-body p-3">
 
+                            <a class="btn btn-success btn-block btn-sm" href="#" target="_blank"><i class="fas fa-play-circle pr-1"></i>播放</a>
 
+                          </div>
 
                         </div>
 
                       </div>
 
-                    </div>
 
-                    <div class="col-auto mb-4">
 
-                      <div class="card card-width">
 
-                        <img class="card-img-top" src="images/videos/glzj-05.jpg" alt="Card image cap">
 
-                        <div class="card-body p-3">
 
-                          <a class="btn btn-success btn-block btn-sm" href="#" target="_blank"><i class="fas fa-play-circle pr-1"></i>播放</a>
 
+                      <div class="col-auto mb-4">
 
+                        <div class="card card-width">
 
+                          <img class="card-img-top" src="images/videos/glzj-05.jpg" alt="Card image cap">
 
+                          <div class="card-body p-3">
 
+                            <a class="btn btn-success btn-block btn-sm" href="#" target="_blank"><i class="fas fa-play-circle pr-1"></i>播放</a>
 
+                          </div>
 
                         </div>
 
                       </div>
 
                     </div>
 
-                  </div>
 
-                  <h1 class="vide-title">通用教程</h1>
 
-                  <div class="row">
 
-                    <div class="col-auto mb-4">
 
-                      <div class="card card-width">
 
-                        <img class="card-img-top" src="images/videos/common01.jpg" alt="Card image cap">
 
-                        <div class="card-body p-3">
 
-                          <a class="btn btn-success btn-block btn-sm" href="#" target="_blank"><i class="fas fa-play-circle pr-1"></i>播放</a>
 
+                    <h1 class="vide-title">通用教程</h1>
 
+                    <div class="row">
 
+                      <div class="col-auto mb-4">
 
+                        <div class="card card-width">
 
+                          <img class="card-img-top" src="images/videos/common01.jpg" alt="Card image cap">
 
+                          <div class="card-body p-3">
 
+                            <a class="btn btn-success btn-block btn-sm" href="#" target="_blank"><i class="fas fa-play-circle pr-1"></i>播放</a>
 
+                          </div>
 
                         </div>
 
                       </div>
 
-                    </div>
 
-                    <div class="col-auto mb-4">
 
-                      <div class="card card-width">
 
-                        <img class="card-img-top" src="images/videos/common02.jpg" alt="Card image cap">
 
-                        <div class="card-body p-3">
 
-                          <a class="btn btn-success btn-block btn-sm" href="#" target="_blank"><i class="fas fa-play-circle pr-1"></i>播放</a>
 
+                      <div class="col-auto mb-4">
 
+                        <div class="card card-width">
 
+                          <img class="card-img-top" src="images/videos/common02.jpg" alt="Card image cap">
 
+                          <div class="card-body p-3">
 
+                            <a class="btn btn-success btn-block btn-sm" href="#" target="_blank"><i class="fas fa-play-circle pr-1"></i>播放</a>
 
+                          </div>
 
                         </div>
 
                       </div>
 
-                    </div>
 
-                    <div class="col-auto mb-4">
 
-                      <div class="card card-width">
 
-                        <img class="card-img-top" src="images/videos/common03.jpg" alt="Card image cap">
 
-                        <div class="card-body p-3">
 
-                          <a class="btn btn-success btn-block btn-sm" href="#" target="_blank"><i class="fas fa-play-circle pr-1"></i>播放</a>
 
+                      <div class="col-auto mb-4">
 
+                        <div class="card card-width">
 
+                          <img class="card-img-top" src="images/videos/common03.jpg" alt="Card image cap">
 
+                          <div class="card-body p-3">
 
+                            <a class="btn btn-success btn-block btn-sm" href="#" target="_blank"><i class="fas fa-play-circle pr-1"></i>播放</a>
 
+                          </div>
 
                         </div>
 
                       </div>
 
-                    </div>
 
-                    <div class="col-auto mb-4">
 
-                      <div class="card card-width">
 
-                        <img class="card-img-top" src="images/videos/common04.jpg" alt="Card image cap">
 
-                        <div class="card-body p-3">
 
-                          <a class="btn btn-success btn-block btn-sm" href="#" target="_blank"><i class="fas fa-play-circle pr-1"></i>播放</a>
 
+                      <div class="col-auto mb-4">
 
+                        <div class="card card-width">
 
+                          <img class="card-img-top" src="images/videos/common04.jpg" alt="Card image cap">
 
+                          <div class="card-body p-3">
 
+                            <a class="btn btn-success btn-block btn-sm" href="#" target="_blank"><i class="fas fa-play-circle pr-1"></i>播放</a>
 
+                          </div>
 
                         </div>
 
                       </div>
 
-                    </div>
 
-                    <div class="col-auto mb-4">
 
-                      <div class="card card-width">
 
-                        <img class="card-img-top" src="images/videos/common05.jpg" alt="Card image cap">
 
-                        <div class="card-body p-3">
 
-                          <a class="btn btn-success btn-block btn-sm" href="#" target="_blank"><i class="fas fa-play-circle pr-1"></i>播放</a>
 
+                      <div class="col-auto mb-4">
 
+                        <div class="card card-width">
 
+                          <img class="card-img-top" src="images/videos/common05.jpg" alt="Card image cap">
 
+                          <div class="card-body p-3">
 
+                            <a class="btn btn-success btn-block btn-sm" href="#" target="_blank"><i class="fas fa-play-circle pr-1"></i>播放</a>
 
+                          </div>
 
                         </div>
 
                       </div>
 
                     </div>

+ 3 - 2
software-list.html
Xem Tập Tin 

@@ -1,4 +1,5 @@
 
-<html lang="en">
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
   <head>
 
     <!-- Required meta tags -->
 
     <meta charset="utf-8">
 
@@ -151,7 +152,7 @@
 
           </div>
 
         </div>
 
       </div>
 
-      <div class="software-wrap autoHeightL1">
 
+      <div class="software-wrap">
 
         <div class="software-wrapscroll pt-3 autoHeightL1">
 
           <div class="freewrap">
 
             <div class="free-title"><img src="images/mainlogo.png" class="mr-2">纵横造价免费网络版</div>

+ 67 - 64
software-news.html
Xem Tập Tin 

@@ -1,4 +1,5 @@
 
-<html lang="en">
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
   <head>
 
     <!-- Required meta tags -->
 
     <meta charset="utf-8">
 
@@ -156,78 +157,80 @@
 
           </div>
 
         </div>
 
       </div>
 
-      <div class="software-wrap autoHeightL1 news-content">
 
-        <div class="software-left">
 
-          <div class="local-software mt-4">
 
-            <div class="software media active">
 
-              <div class="media-body left-media-body">
 
-                <div class="mt-1 mb-1"><a href="#">公司新闻</a></div>
 
+      <div class="software-wrap news-content">
 
+        <div class="software-wrapscroll pt-3 autoHeightL1">
 
+          <div class="software-left">
 
+            <div class="local-software mt-4">
 
+              <div class="software media active">
 
+                <div class="media-body left-media-body">
 
+                  <div class="mt-1 mb-1"><a href="#">公司新闻</a></div>
 
+                </div>
 
               </div>
 
-            </div>
 
-            <div class="software media">
 
-              <div class="media-body left-media-body">
 
-                <div class="mt-1 mb-1"><a href="#">行业新闻</a></div>
 
+              <div class="software media">
 
+                <div class="media-body left-media-body">
 
+                  <div class="mt-1 mb-1"><a href="#">行业新闻</a></div>
 
+                </div>
 
               </div>
 
-            </div>
 
-            <div class="software media">
 
-              <div class="media-body left-media-body">
 
-                <div class="mt-1 mb-1"><a href="#">培训教育</a></div>
 
+              <div class="software media">
 
+                <div class="media-body left-media-body">
 
+                  <div class="mt-1 mb-1"><a href="#">培训教育</a></div>
 
+                </div>
 
               </div>
 
-            </div>
 
-            <div class="software media">
 
-              <div class="media-body left-media-body">
 
-                <div class="mt-1 mb-1"><a href="#">纵横风采</a></div>
 
+              <div class="software media">
 
+                <div class="media-body left-media-body">
 
+                  <div class="mt-1 mb-1"><a href="#">纵横风采</a></div>
 
+                </div>
 
               </div>
 
             </div>
 
           </div>
 
-        </div>
 
-        <div class="local-install">
 
-          <div class="news-list p-3">
 
-            <div class="software-tab-pane mb-3">
 
-              <a href="#">
 
-                <div class="row">
 
-                  <div class="col-4">
 
-                    <img src="images/1546575075.png" height="140">
 
-                  </div>
 
-                  <div class="col-8">
 
-                    <h5>“才高能识远，启迪方成才”热烈庆祝纵横携手内蒙古农业大学校园第二课堂第四节课顺利开班</h5>
 
-                    <p class="text-muted">工作时我们可以废寝忘食，百分百投入工作之中，游乐时我们亦可以放开自己尽情享受，这就是我们的团队。一支年轻的团队，积极向上的团队~ 在纵横大家庭，快乐工作，享受生活...</p>
 
-                    <p class="text-muted">2018-08-01 发布</p>
 
-                  </div>
 
-                </div>
 
-              </a>
 
-            </div>
 
-            <div class="software-tab-pane mb-3">
 
-              <a href="#">
 
-                <div class="row">
 
-                  <div class="col-4">
 
-                    <img src="images/1546066857.jpg" height="140">
 
+          <div class="local-install">
 
+            <div class="news-list p-3">
 
+              <div class="software-tab-pane mb-3">
 
+                <a href="#">
 
+                  <div class="row">
 
+                    <div class="col-4">
 
+                      <img src="images/1546575075.png" height="140">
 
+                    </div>
 
+                    <div class="col-8">
 
+                      <h5>“才高能识远，启迪方成才”热烈庆祝纵横携手内蒙古农业大学校园第二课堂第四节课顺利开班</h5>
 
+                      <p class="text-muted">工作时我们可以废寝忘食，百分百投入工作之中，游乐时我们亦可以放开自己尽情享受，这就是我们的团队。一支年轻的团队，积极向上的团队~ 在纵横大家庭，快乐工作，享受生活...</p>
 
+                      <p class="text-muted">2018-08-01 发布</p>
 
+                    </div>
 
                   </div>
 
-                  <div class="col-8">
 
-                    <h5>纵横与您共迎元旦</h5>
 
-                    <p class="text-muted">纵横与您共迎元旦</p>
 
-                    <p class="text-muted">2018-08-01 发布</p>
 
+                </a>
 
+              </div>
 
+              <div class="software-tab-pane mb-3">
 
+                <a href="#">
 
+                  <div class="row">
 
+                    <div class="col-4">
 
+                      <img src="images/1546066857.jpg" height="140">
 
+                    </div>
 
+                    <div class="col-8">
 
+                      <h5>纵横与您共迎元旦</h5>
 
+                      <p class="text-muted">纵横与您共迎元旦</p>
 
+                      <p class="text-muted">2018-08-01 发布</p>
 
+                    </div>
 
                   </div>
 
-                </div>
 
-              </a>
 
+                </a>
 
+              </div>
 
+              <nav>
 
+                <ul class="pagination">
 
+                  <li class="page-item">
 
+                    <a class="page-link" href="#">下一页</a>
 
+                  </li>
 
+                </ul>
 
+              </nav>
 
+              <nav>
 
+                <ul class="pagination">
 
+                  <li class="page-item">
 
+                    <a class="page-link" href="#" tabindex="-1">上一页</a>
 
+                  </li>
 
+                  <li class="page-item">
 
+                    <a class="page-link" href="#">下一页</a>
 
+                  </li>
 
+                </ul>
 
+              </nav>
 
             </div>
 
-            <nav>
 
-              <ul class="pagination">
 
-                <li class="page-item">
 
-                  <a class="page-link" href="#">下一页</a>
 
-                </li>
 
-              </ul>
 
-            </nav>
 
-            <nav>
 
-              <ul class="pagination">
 
-                <li class="page-item">
 
-                  <a class="page-link" href="#" tabindex="-1">上一页</a>
 
-                </li>
 
-                <li class="page-item">
 
-                  <a class="page-link" href="#">下一页</a>
 
-                </li>
 
-              </ul>
 
-            </nav>
 
           </div>
 
         </div>
 
       </div>

+ 4 - 3
softwrae-obtain.html
Xem Tập Tin 

@@ -1,4 +1,5 @@
 
-<html lang="en">
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
   <head>
 
     <!-- Required meta tags -->
 
     <meta charset="utf-8">
 
@@ -151,7 +152,7 @@
 
           </div>
 
         </div>
 
       </div>
 
-      <div class="software-wrap autoHeightL1">
 
+      <div class="software-wrap">
 
         <div class="obtian-top">
 
           <div class="float-right">
 
             <a href="software-index.html" class="btn btn-orange btn-sm mt-3">开始使用软件</a>
 
@@ -159,7 +160,7 @@
 
           <h5><span>检索完成</span></h5>
 
           <div>努力检索到了 <b>5</b> 款软件</div>
 
         </div>
 
-        <div class="obtian-list pb-4 autoHeightL4">
 
+        <div class="obtian-list mt-3 autoHeightL4">
 
           <div class="software-list">
 
             <div class="media">
 
               <img class="mr-3" src="images/product01.png" width="40" height="40" alt="公路造价（增值税）">

+ 17 - 3
softwrae-welcome.html
Xem Tập Tin 

@@ -1,4 +1,5 @@
 
-<html lang="en">
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
   <head>
 
     <!-- Required meta tags -->
 
     <meta charset="utf-8">
 
@@ -150,7 +151,7 @@
 
           </div>
 
         </div>
 
       </div>
 
-      <div class="software-wrap autoHeightL1">
 
+      <div class="software-wrap">
 
         <div class="software-down">
 
           <div class="row">
 
             <div class="col"></div>
 
@@ -167,7 +168,20 @@
 
           <div class="info-title">
 
             <p>检测到你的电脑上插上软件锁<b class="pl-2 pr-2">SC-000001</b>有以下产品可下载</p>
 
           </div>
 
-          <div class="info-list autoHeightL2 clearfix">
 
+          <div class="info-list autoHeightL2">
 
+            <div class="software-list">
 
+              <a href="#">
 
+                <div class="media">
 
+                  <img class="mr-3" src="images/product02.png" width="30" height="30" alt="广东公路造价">
 
+                  <div class="media-body clearfix">
 
+                    <div class="float-right"><button type="button" class="btn btn-white btn-sm"><i class="fas fa-download mr-2"></i>下载</button></div>
 
+                    <div class="software-body float-left">
 
+                      <div class="software-info">纵横公路工程造价管理系统<span class="text-orange">专业版</span>SC-Z****</div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+              </a>
 
+            </div>
 
             <div class="software-list">
 
               <a href="#">
 
                 <div class="media">