liting2017 6 years ago
parent
commit
50c0a3456d

BIN
img/newMenu/indexNew_001.png


BIN
img/newMenu/indexNew_002.png


BIN
img/newMenu/indexNew_003.png


BIN
img/newMenu/indexNew_004.png


+ 4 - 4
src/css/indexNew.css

@@ -28,14 +28,14 @@ line-height:50px;color:#7A7878;font-size:16px;}
 .seachCont1>div:nth-child(1){background: url(../../img/indexNews1.jpg) no-repeat;}
 .seachCont1>div:nth-child(2){background: url(../../img/indexNews2.jpg) no-repeat;}
 .seachCont1>div:nth-child(3){background: url(../../img/indexNews3.jpg) no-repeat;}
-.seachCont1>div:nth-child(4){background: url(../../img/indexNews4.jpg) no-repeat;}
-.seachCont1>div:nth-child(5){background: url(../../img/indexNews5.jpg) no-repeat;}
+.seachCont1>div:nth-child(4){background: url(../../img/newMenu/indexNew_002.png) no-repeat;}
+.seachCont1>div:nth-child(5){background: url(../../img/newMenu/indexNew_001.png) no-repeat;}
 
 .seachCont2>div:nth-child(1){background: url(../../img/indexNews6.jpg) no-repeat;}
 .seachCont2>div:nth-child(2){background: url(../../img/indexNews7.jpg) no-repeat;}
 .seachCont2>div:nth-child(3){background: url(../../img/indexNews8.jpg) no-repeat;}
-.seachCont2>div:nth-child(4){background: url(../../img/indexNews9.jpg) no-repeat;}
-.seachCont2>div:nth-child(5){background: url(../../img/indexNews10.jpg) no-repeat;}
+.seachCont2>div:nth-child(4){background: url(../../img/newMenu/indexNew_003.png) no-repeat;}
+.seachCont2>div:nth-child(5){background: url(../../img/newMenu/indexNew_004.png) no-repeat;}
 .seachCont2>div:nth-child(6){background: url(../../img/indexNews11.jpg) no-repeat;}
 
 .seachCont3>div:nth-child(1){background: url(../../img/indexNews12.jpg) no-repeat;}

+ 57 - 41
src/css/newMenu/header.css

@@ -19,12 +19,26 @@
 .header .colorRed{
     color: #ff570c;
 }
-
 /* 导航 */
-.navHeader {
+.topNav{
+	width: 100%;
 	background: #ffffff;
-	line-height: 90px;
-	height: 90px;
+    height:102px;
+}
+.topNav.navFix{
+	position: fixed;
+	top: 0;
+	left: 0;
+	z-index: 999999;
+	box-shadow: 0 4px 10px #ccc;
+}
+/* 导航 */
+.navHeader {
+    position: absolute;
+    width: 1200px;
+    left: 50%;
+    margin-left: -600px;
+    z-index: 999999999;
 }
 .navHeader .nav ul li img {
 	width: 30px;
@@ -35,7 +49,8 @@
 }
 .navHeader .logo {
 	float: left;
-	padding-left: 20px;
+    padding-left: 20px;
+    margin-top: 20px;
 }
 
 .navHeader .logo_right {
@@ -49,64 +64,64 @@
 }
 
 .navHeader .nav {
-	float: left;
+    float: left;
+    vertical-align: top;
+    margin-top: 20px;
 	padding-left: 70px;
 }
 
 .navHeader .nav>ul>li {
 	float: left;
-	width: 120px;
+    width: 112px;
+    vertical-align: middle;
 	text-align: center;
-	line-height: 90px;
-	position: relative;
-}
-
-.navHeader .nav>ul>li>a {
-	color: #074d88;
-	width: 120px;
-	line-height: 90px;
-	display: inline-block;
-	font-size: 20px;
-}
-
-.navHeader .nav>ul>li:hover a {
-	color: #074F88;
+    position: relative;
+    margin: 0 5px;
+   
 }
-
-.active a {
-	color: #074F88!important;
+.navHeader .nav>ul>li.active div{
+    box-shadow: 0 0 15px rgb(219, 218, 218);
+   
 }
 
-
 /*2级导航*/
-
+.navHeader .nav ul li div{
+    border-radius: 5px;
+    background: #ffffff;
+    overflow:hidden;
+    width: 112px;
+}
+.navHeader .nav ul li:hover{
+    box-shadow: 0 0 15px rgb(219, 218, 218);
+}
+.navHeader .nav ul li>div>a{
+    width: 112px;
+    line-height: 56px;
+    height: 56px;
+	display: inline-block;
+    font-size: 20px;
+    color: #064f87;
+}
 .navHeader .nav ul li .subnavigation {
-	width: 120px;
-	position: absolute;
+	width: 112px;
 	top: 76px;
 	z-index: 9999;
 	background: #ffffff;
     display: none;
-    padding-top: 18px;
     padding-bottom: 15px;
-    box-shadow: 0 2px 5px #ccc;
 }
 
 .subnavigation li>a {
-	width: 120px;
-	height: 30px;
-	line-height: 30px;
-	display: inline-block;
-    color: #333333;
-    transition: all .2s ease-out;
+	width: 110px;
+	height: 42px;
+	line-height: 42px;
+    display: inline-block;
+    color: #7a7878;
 }
 
 .subnavigation li a:hover {
-    color:#ffffff!important;
-    letter-spacing: 5px;
-    background: rgba(22,151, 234, .7);
-    box-shadow: 0 4px 10px #ccc;
-	transition: all .2s ease-in;
+    color:#064f87!important;
+    background: #e5f0f4;
 }
 
 .subnavigation li {
@@ -143,6 +158,7 @@
 	}
 }
 .navHeader .nav_right{
+    margin-top: 20px;
     float: right;
     color:#ff570c;
 }

+ 0 - 1
src/js/index.js

@@ -32,7 +32,6 @@ import './jquery-2.1.0.js';
 	$(".indexGroom_table>div").click(function(){
 		$(this).parent().children().removeClass("indexGroom_active");
 		$(this).addClass("indexGroom_active");
-		console.log($(this).html());
 		if($(this).html()=="成果"){
 			$(".chengguo").css("display","block");
 			$(".xuqiu").css("display","none");

+ 0 - 3
src/js/public.js

@@ -1,7 +1,6 @@
 $(function(){
 	//导航
 	
-	
 	$(".index_blur").html("×");
 	$(".pub_fix").after("<div class='right_cebian'>侧边导航</div>");
 	$(".index_blur").click(function(){
@@ -368,7 +367,6 @@ $(function(){
 	//loading
 	loading();
 	function loading(){
-		//$('.loading').height($('body').height()+'px');
 		clearInterval(setTime);
 		let txt = "loading...",htmls=[],i=0,
 			txtArr = txt.split('');
@@ -377,7 +375,6 @@ $(function(){
 				htmls.push(`
 					<span>${item}</span>
 				`)
-
 			});
 			ps.innerHTML=htmls.join('');
 			$('.loading div').html(ps);

File diff suppressed because it is too large
+ 800 - 715
template/indexNew.html