ホーム エクスプローラ ヘルプ
サインイン
S.H.I.E.L.D.
/
jiliangzhifujsV2
3
0
Fork 0
ファイル 課題 0 プルリクエスト 0 Wiki
ソースを参照

111

outaozhen 3 年 前
親
2d1289d66b
コミット
e00f4aafce
44 ファイル変更、321 行追加、6 行削除
分割表示 差分情報を表示
  1. 35 0
      aa.html
  2. 109 0
      css/iconfont.css
  3. BIN
      css/img/Frame.png
  4. BIN
      css/img/css_sprites.png
  5. BIN
      css/img/icon_arrow_left.png
  6. BIN
      css/img/icon_arrow_right.png
  7. BIN
      css/img/icon_arrow_right_2.png
  8. BIN
      css/img/icon_date.png
  9. BIN
      css/img/icon_doublearrow_left.png
  10. BIN
      css/img/icon_doublearrow_right.png
  11. BIN
      css/img/icon_fbjs.png
  12. BIN
      css/img/icon_gcbg.png
  13. BIN
      css/img/icon_gcjs.png
  14. BIN
      css/img/icon_gsd_nor.png
  15. BIN
      css/img/icon_gsd_sel.png
  16. BIN
      css/img/icon_gsgl_nor.png
  17. BIN
      css/img/icon_gsgl_sel.png
  18. BIN
      css/img/icon_jlzf.png
  19. BIN
      css/img/icon_ncgl_nor.png
  20. BIN
      css/img/icon_ncgl_sel.png
  21. BIN
      css/img/icon_phone.png
  22. BIN
      css/img/icon_qq.png
  23. BIN
      css/img/icon_rmb.png
  24. BIN
      css/img/icon_tzkz.png
  25. BIN
      css/img/image_banner.png
  26. BIN
      css/img/image_default_logo.png
  27. BIN
      css/img/image_down.png
  28. BIN
      css/img/image_gnjj_#.png
  29. BIN
      css/img/image_gnjj_bulb.png
  30. BIN
      css/img/image_gnjj_calculator.png
  31. BIN
      css/img/image_gnjj_chart.png
  32. BIN
      css/img/image_gnjj_file.png
  33. BIN
      css/img/image_gnjj_folder.png
  34. BIN
      css/img/image_gnjj_iphone.png
  35. BIN
      css/img/image_gnjj_logo.png
  36. BIN
      css/img/image_gnjj_magnifier.png
  37. BIN
      css/img/image_gnjj_pc.png
  38. BIN
      css/img/image_gnjj_puzzle.png
  39. BIN
      css/img/image_gnjj_wifi.png
  40. BIN
      css/img/image_logo.png
  41. 102 2
      css/styles.css
  42. BIN
      images/image_logo.png
  43. 75 4
      index.html
  44. 0 0
      新建文本文档.txt

+ 35 - 0
aa.html
ファイルの表示 

@@ -0,0 +1,35 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+  <meta charset="utf-8">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+  <title>计量支付官网V2</title>
 
+  <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+  <link rel="stylesheet" href="css/styles.css">
 
+  <!--zTree-->
 
+	<link rel="stylesheet" href="css/ztree/zTreeStyle.css" type="text/css">
 
+</head>
 
+<body>
 
+  <div class="navBody">
 
+    <div class="width1200">
 
+      <div class="globalNav">
 
+        <a href="#">首页</a>
 
+        <a href="#">通行帐号</a>
 
+        <a href="#">计量支付</a>
 
+        <div class="zhzd">
 
+          <a class="zhzdFir">纵横知道<b></b></a>
 
+          <div class="zhzdMenu">
 
+            <a href="http://zhzdwd.com" target="_blank">问答</a>
 
+            <a href="http://zhzdwk.com" target="_blank">文库</a>
 
+            <a href="http://zhzdjg.com" target="_blank">价格信息</a>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+  <!-- JS. -->
 
+  <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+  <script src="js/global.js"></script>
 
+</body>
 
+</html>

ファイルの差分が大きいため隠しています
+ 109 - 0
css/iconfont.css


BIN
css/img/Frame.png
ファイルの表示


BIN
css/img/css_sprites.png
ファイルの表示


BIN
css/img/icon_arrow_left.png
ファイルの表示


BIN
css/img/icon_arrow_right.png
ファイルの表示


BIN
css/img/icon_arrow_right_2.png
ファイルの表示


BIN
css/img/icon_date.png
ファイルの表示


BIN
css/img/icon_doublearrow_left.png
ファイルの表示


BIN
css/img/icon_doublearrow_right.png
ファイルの表示


BIN
css/img/icon_fbjs.png
ファイルの表示


BIN
css/img/icon_gcbg.png
ファイルの表示


BIN
css/img/icon_gcjs.png
ファイルの表示


BIN
css/img/icon_gsd_nor.png
ファイルの表示


BIN
css/img/icon_gsd_sel.png
ファイルの表示


BIN
css/img/icon_gsgl_nor.png
ファイルの表示


BIN
css/img/icon_gsgl_sel.png
ファイルの表示


BIN
css/img/icon_jlzf.png
ファイルの表示


BIN
css/img/icon_ncgl_nor.png
ファイルの表示


BIN
css/img/icon_ncgl_sel.png
ファイルの表示


BIN
css/img/icon_phone.png
ファイルの表示


BIN
css/img/icon_qq.png
ファイルの表示


BIN
css/img/icon_rmb.png
ファイルの表示


BIN
css/img/icon_tzkz.png
ファイルの表示


BIN
css/img/image_banner.png
ファイルの表示


BIN
css/img/image_default_logo.png
ファイルの表示


BIN
css/img/image_down.png
ファイルの表示


BIN
css/img/image_gnjj_#.png
ファイルの表示


BIN
css/img/image_gnjj_bulb.png
ファイルの表示


BIN
css/img/image_gnjj_calculator.png
ファイルの表示


BIN
css/img/image_gnjj_chart.png
ファイルの表示


BIN
css/img/image_gnjj_file.png
ファイルの表示


BIN
css/img/image_gnjj_folder.png
ファイルの表示


BIN
css/img/image_gnjj_iphone.png
ファイルの表示


BIN
css/img/image_gnjj_logo.png
ファイルの表示


BIN
css/img/image_gnjj_magnifier.png
ファイルの表示


BIN
css/img/image_gnjj_pc.png
ファイルの表示


BIN
css/img/image_gnjj_puzzle.png
ファイルの表示


BIN
css/img/image_gnjj_wifi.png
ファイルの表示


BIN
css/img/image_logo.png
ファイルの表示


+ 102 - 2
css/styles.css
ファイルの表示 

@@ -5,13 +5,14 @@ body{
 
   font-weight: normal;
 
   font-style: normal;
 
   font-size: 12px;
 
-  font-family:"微软雅黑","Tahoma";
 
+  font-family:"微软雅黑","Tahoma","HarmonyOS";
 
   vertical-align: baseline;
 
   text-align:justify;
 
   word-wrap:break-word;
 
   text-justify:inter-ideograph;
 
   color: #000000cc;
 
 }
 
+
 
 .navBody{
 
   background: rgba(33, 33, 41, 1);
 
   height: 36px;
 
@@ -28,7 +29,8 @@ body{
 
 }
 
 .globalNav a:hover{
 
   background:#666E70;
 
-  color:#fff
 
+  color:#fff;
 
+  text-decoration: none;
 
 }
 
 .globalNav a.now{
 
   background:#008FFF;
 
@@ -86,4 +88,102 @@ body{
 
 .width1200{
 
   max-width: 1200px;
 
   margin: 0 auto;
 
+}
 
+.table-cell{
 
+  display: table-cell;
 
+  vertical-align: middle;
 
+}
 
+.headBox{
 
+  width: 100%;
 
+  height: 100px;
 
+}
 
+.logo, .buttonCon{
 
+  height: 100px;
 
+  display: table;
 
+}
 
+.logoBText{
 
+  font-size: 20px;
 
+  font-weight: bold;
 
+  color: rgba(0, 0, 0, 0.8);
 
+}
 
+.logoSText{
 
+  font-size: 14px;
 
+  color: rgba(0, 0, 0, 0.8);
 
+}
 
+.navList ul li{
 
+  float: left;
 
+  list-style-type: none;
 
+  margin: 0 25px;
 
+}
 
+.navList ul li:last-child{
 
+  margin: 0;
 
+}
 
+.navList ul li a{
 
+  display: table;
 
+  font-size: 18px;
 
+  font-weight: 600;
 
+  color: rgba(0, 0, 0, 0.8);
 
+  padding:34px 18px 35px 18px;
 
+}
 
+.navList ul li a:hover{
 
+  text-decoration: none;
 
+  color:rgba(51, 119, 255, 1);
 
+}
 
+.navList ul li.active{
 
+  border-bottom: 4px solid rgba(51, 119, 255, 1);
 
+}
 
+.btnTyan{
 
+  padding: 10px 20px;
 
+  background: rgba(51, 119, 255, 1);
 
+}
 
+.bannerBox{
 
+  width: 100%;
 
+  height: 440px;
 
+  background: url(img/image_banner.png) no-repeat center center;
 
+}
 
+.bannerText{
 
+  position: absolute;
 
+  top: 135px;
 
+  left: 0;
 
+}
 
+.bannerSText{
 
+  font-size: 22px;
 
+  color: rgba(0, 0, 0, 0.8);
 
+}
 
+.bannerBText{
 
+  font-size: 48px;
 
+  font-weight: bold;
 
+  color: rgba(0, 0, 0, 0.8);
 
+  letter-spacing:6px;
 
+}
 
+.applicationBox{
 
+  margin-top: -90px;
 
+}
 
+.applicationList{
 
+  float: left;
 
+  width: 230px;
 
+  background: rgba(249, 250, 252, 0.9);
 
+  border: 2px solid rgba(255, 255, 255, 1);
 
+  border-radius: 8px;
 
+  padding: 18px 20px;
 
+}
 
+.applicationTitle{
 
+  display: flex;
 
+  /*justify-content: center; */
 
+  align-items: center;
 
+}
 
+.applicationTitle{
 
+  font-size: 18px;
 
+  font-weight: bold;
 
+  color: rgba(0, 0, 0, 0.8);
 
+}
 
+.applicationTitle i{
 
+  font-size: 30px;
 
+}
 
+.applicationCon{
 
+  color: rgba(0, 0, 0, 0.6);
 
+  font-size: 14px;
 
+  line-height: 28px;
 
+}
 
+.calseTList{
 
 }

BIN
images/image_logo.png
ファイルの表示


+ 75 - 4
index.html
ファイルの表示 

@@ -7,16 +7,15 @@
 
   <title>计量支付官网V2</title>
 
   <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
   <link rel="stylesheet" href="css/styles.css">
 
-  <!--zTree-->
 
-	<link rel="stylesheet" href="css/ztree/zTreeStyle.css" type="text/css">
 
+  <link rel="stylesheet" type="text/css" href="css/iconfont.css">
 
 </head>
 
 <body>
 
   <div class="navBody">
 
     <div class="width1200">
 
       <div class="globalNav">
 
         <a href="#">首页</a>
 
-        <a href="#">通行帐号</a>
 
-        <a href="#">计量支付</a>
 
+        <a href="https://sso.smartcost.com.cn/" target="_blank">通行帐号</a>
 
+        <a href="http://jsjs.smartcost.com.cn/" target="_blank">计量支付</a>
 
         <div class="zhzd">
 
           <a class="zhzdFir">纵横知道<b></b></a>
 
           <div class="zhzdMenu">
 
@@ -28,6 +27,78 @@
 
       </div>
 
     </div>
 
   </div>
 
+  <div class="headBox">
 
+    <div class="width1200">
 
+      <div class="d-flex justify-content-between">
 
+        <div class="logo">
 
+          <span class="table-cell"><img src="images/image_logo.png"></span>
 
+          <span class="table-cell logoText pl-2">
 
+            <div class="logoBText">纵横计量支付</div>
 
+            <div class="logoSText">结算决算一体化云版软件</div>
 
+          </span>
 
+        </div>
 
+        <nav class="navList table-cell">
 
+          <ul class="clearfix">
 
+            <li class="active"><a href="#" target="_blank">首页</a></li>
 
+            <li><a href="#" target="_blank">功能简介</a></li>
 
+            <li><a href="#" target="_blank">预约培训</a></li>
 
+            <li><a href="#" target="_blank">联系我们</a></li>
 
+          </ul>
 
+        </nav>
 
+      </div>
 
+    </div>
 
+  </div>
 
+  <div class="bannerBox">
 
+    <div class="width1200 position-relative">
 
+      <div class="bannerText">
 
+        <div class="bannerSText">纵横计量支付结算决算一体化云版软件</div>
 
+        <div class="bannerBText mt-2">简单·简洁·专业</div>
 
+        <a class="btn btn-primary btnTyan mt-3" href="#" target="_blank">前往体验<i class="iconfont ml-2">&#xe622;</i></a>
 
+      </div>
 
+    </div>
 
+  </div>
 
+  <div class="applicationBox">
 
+    <div class="width1200">
 
+      <div class="clearfix">
 
+        <div class="applicationList mr-2">
 
+          <h4 class="applicationTitle"><i class="iconfont mr-2">&#xe612;</i>投资控制</h4>
 
+          <div class="applicationCon">WBS结构分解，多维度图表报表自动生成，盈亏状况轻松在手</div>
 
+        </div>
 
+        <div class="applicationList mr-2">
 
+          <h4 class="applicationTitle"><i class="iconfont mr-2">&#xe619;</i>计量支付</h4>
 
+          <div class="applicationCon">台帐建立轻松快捷，审核过程杜绝超计漏计，计量数据自动积累</div>
 
+        </div>
 
+        <div class="applicationList mr-2">
 
+          <h4 class="applicationTitle"><i class="iconfont mr-2">&#xe61e;</i>分包结算</h4>
 
+          <div class="applicationCon">多项目多标段汇总管理，按分包合同组织结算，结算进度图表自动生成</div>
 
+        </div>
 
+        <div class="applicationList mr-2">
 
+          <h4 class="applicationTitle"><i class="iconfont mr-2">&#xe620;</i>工程变更</h4>
 
+          <div class="applicationCon">高效、易用、数据云存储,计量系统与变更令审批系统无缝连接</div>
 
+        </div>
 
+        <div class="applicationList">
 
+          <h4 class="applicationTitle"><i class="iconfont mr-2">&#xe61b;</i>工程决算</h4>
 
+          <div class="applicationCon">决算报告自动完成，配备交通运输部全套决算报表，自动建立档案库</div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+  <div class="caseBox">
 
+    <div class="width1200">
 
+      <div class="calseBTitle">
 
+        <div class="row">
 
+          <div class="col-4">
 
+            <div class="calseTList d-flex justify-content-center">
 
+              <i class="iconfont">&#xe61f;</i>
 
+              <span>高速公路</span>
 
+            </div>
 
+          </div>
 
+          <div class="col-4"></div>
 
+          <div class="col-4"></div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
   <!-- JS. -->
 
   <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
   <script src="js/global.js"></script>

+ 0 - 0
新建文本文档.txt
ファイルの表示