ws2z3gr2017 7 years ago
parent
commit
e49ce0a098

BIN
img/login_shadow.png


+ 1 - 1
package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "aft-portal",
-  "version": "2.0.00",
+  "version": "2.0.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

+ 0 - 1
package.json

@@ -6,7 +6,6 @@
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "dlldev": "webpack --progress --colors --config ./webpack-dll.config.js --env.deploy dev --env.host 'http://127.0.0.1'",
-    "dlltest": "webpack --progress --colors --config ./webpack-dll.config.js --env.deploy test --env.host 'http://uat.jishutao.com'",
     "dlltest": "webpack --progress --colors --config ./webpack-dll.config.js --env.deploy test --env.host 'http://static.jishutao.com'",
     "dllpro": "webpack --progress --colors --config ./webpack-dll.config.js --env.deploy prod --env.host 'http://static.goafanti.com'",
     "build": "node bin/clean.js && webpack --progress --colors --env.deploy dev",

+ 16 - 0
src/css/index_home.css

@@ -11,7 +11,23 @@ html{font-size:62.5%;}
 .index_activity form .index_use{width: 20px;height: 20px;position: absolute;top: 12px;right:8px}
 ::-webkit-input-placeholder{color:#CCCCCC !important;}
   
+/*banner*/
+.banner{clear: both;position: relative;padding-top: 44px;width: 1000px;margin: 0 auto;}
+.banner_txt h3{font-size: 30px;font-weight: none;color: #565555;margin-top: 55px;margin-bottom: 24px;}
+.banner_txt p{font-size: 14px;color: #565555;line-height: 24px;}
+.img_list ol li{float: left;margin-left:10px ;border: 1px solid transparent;}
+.img_list{overflow: hidden;margin-top: 64px;}
+.img_list ol li:first-child{margin-left: 0;}
 
+.img_list ol li:hover{cursor: pointer;border: 1px solid #2a6597;}
+.banner_next:hover,.index_pre:hover{cursor: pointer;}
+.banner_mid{position: absolute;width: 100%;top: 194px;}
+.banner_mid .banner_next{float: right;margin-right:-60px;}
+.banner_mid .index_pre{float: left;margin-left: -90px;}
+.banner_imgs{width:100%;height: 340px;}
+.banner_box{position: absolute;top: 44px ;right:5px;width: 530px;overflow: hidden;}
+.banner_box ul li{float: left;width: 530px;}
+.banner_txt{padding-bottom: 60px;}
 /*active的css*/
 #active{width:1200px;height:240px;margin:0 auto;padding-top:50px;position: relative;}
 #active>.title{width:70px;height:160px;padding-top:12px; }

+ 1 - 16
src/css/public.css

@@ -43,23 +43,7 @@ header .nav_right a:hover{color: #2a6597;}
 .nav ul li {position: relative;}
 .nav ul li img{width: 30px;height: 30px;position: absolute;right: 0px;top: 9px;}
 
-/*banner*/
-.banner{clear: both;position: relative;padding-top: 44px;width: 1000px;margin: 0 auto;}
-.banner_txt h3{font-size: 30px;font-weight: none;color: #565555;margin-top: 55px;margin-bottom: 24px;}
-.banner_txt p{font-size: 14px;color: #565555;line-height: 24px;}
-.img_list ol li{float: left;margin-left:10px ;border: 1px solid transparent;}
-.img_list{overflow: hidden;margin-top: 64px;}
-.img_list ol li:first-child{margin-left: 0;}
 
-.img_list ol li:hover{cursor: pointer;border: 1px solid #2a6597;}
-.banner_next:hover,.index_pre:hover{cursor: pointer;}
-.banner_mid{position: absolute;width: 100%;top: 194px;}
-.banner_mid .banner_next{float: right;margin-right:-60px;}
-.banner_mid .index_pre{float: left;margin-left: -90px;}
-.banner_imgs{width:100%;height: 340px;}
-.banner_box{position: absolute;top: 44px ;right:5px;width: 530px;overflow: hidden;}
-.banner_box ul li{float: left;width: 530px;}
-.banner_txt{padding-bottom: 60px;}
 
 /*bottom的css*/
 #bottom{width:100%;height:386px;margin:20px auto 0;position: relative;background: #074D88;}
@@ -122,6 +106,7 @@ header .nav_right a:hover{color: #2a6597;}
 .login_hua {position: absolute;top: 0;right: 0;}
 .login_close{position: absolute;top: 0;right: 0;width: 50px;height: 50px;z-index: 2000;}
 .login_close:hover{cursor: pointer;}
+.login_shadow{position: absolute;bottom:-25px;width: 600px;height: 25px;right: 0;z-index: 2000;}
 
 .login_check label:first-child{margin-right: 15px;}
 .head_login:focus{text-decoration: none;}

src/css/registered.css → src/css/register.css


src/css/news.css → src/css/service.css


+ 52 - 0
src/js/index.js

@@ -23,6 +23,58 @@ $(function(){
 		}
 		$('.need_imgs ul').animate({'marginLeft':-(liwit+20)*k},1000)
 	});
+	//首页轮播
+	$('.index_tt .banner_txt').eq(0).show().siblings().hide();	
+	var $ct=$('.banner_box ul'),
+    		$items=$ct.children(),
+    		$pre=$('.index_pre'),
+    		$next=$('.banner_next'),
+    		imgCount=$items.length,
+    		imgWidth=$items.width();
+    		$ct.append($items.first().clone());
+    		$ct.prepend($items.last().clone());    		
+	var	newCount=$ct.children().length;
+		$ct.css({marginLeft:0-imgWidth,width:newCount*imgWidth});    		
+		$next.on('click',function(){      			
+				playnext();    			    			
+		})
+		$pre.on('click',function(){      			
+				playpre();   		   			
+		})
+	var curidx =0;
+	var mov = 1;	
+		function playnext(){
+			$ct.animate({marginLeft:'-='+mov*imgWidth},1000,function(){
+				curidx+=mov;
+				if(curidx===imgCount){
+					$ct.css({marginLeft:0-imgWidth});
+					curidx=0;
+				}    				
+			})
+			$('.index_tt .banner_txt').eq(curidx).show().siblings().hide();			
+		}		
+		function playpre(){
+			$ct.animate({marginLeft:'+='+mov*imgWidth},1000,function(){
+				curidx-=mov;
+				if(curidx<0){
+					$ct.css({marginLeft:0-imgWidth*imgCount});
+					curidx=imgCount-1;
+				}    				
+			})
+			$('.index_tt .banner_txt').eq(curidx).show().siblings().hide();			
+		}
+	
+	var timer=setInterval(playnext,3000)
+	$('.banner').mouseenter(function(){
+		clearInterval(timer)
+	})
+	$('.banner').mouseleave(function(){
+		timer=setInterval(playnext,3000)
+	})				
+	$('.img_list ol li').hover(function(){		
+	   var simg = $(this).children('img').attr('src')	   
+	   $('.banner_box ul li').eq(curidx+1).find('img').attr('src',simg)
+	})	
 });
 
 

+ 8 - 57
src/js/public.js

@@ -1,69 +1,20 @@
 
 $(function(){
-	$('.index_tt .banner_txt').eq(0).show().siblings().hide();	
-	var $ct=$('.banner_box ul'),
-    		$items=$ct.children(),
-    		$pre=$('.index_pre'),
-    		$next=$('.banner_next'),
-    		imgCount=$items.length,
-    		imgWidth=$items.width();
-    		$ct.append($items.first().clone());
-    		$ct.prepend($items.last().clone());    		
-	var	newCount=$ct.children().length;
-		$ct.css({marginLeft:0-imgWidth,width:newCount*imgWidth});    		
-		$next.on('click',function(){      			
-				playnext();    			    			
-		})
-		$pre.on('click',function(){      			
-				playpre();   		   			
-		})
-	var curidx =0;
-	var mov = 1;	
-		function playnext(){
-			$ct.animate({marginLeft:'-='+mov*imgWidth},1000,function(){
-				curidx+=mov;
-				if(curidx===imgCount){
-					$ct.css({marginLeft:0-imgWidth});
-					curidx=0;
-				}    				
-			})
-			$('.index_tt .banner_txt').eq(curidx).show().siblings().hide();			
-		}		
-		function playpre(){
-			$ct.animate({marginLeft:'+='+mov*imgWidth},1000,function(){
-				curidx-=mov;
-				if(curidx<0){
-					$ct.css({marginLeft:0-imgWidth*imgCount});
-					curidx=imgCount-1;
-				}    				
-			})
-			$('.index_tt .banner_txt').eq(curidx).show().siblings().hide();			
-		}
 	
-	var timer=setInterval(playnext,3000)
-	$('.banner').mouseenter(function(){
-		clearInterval(timer)
-	})
-	$('.banner').mouseleave(function(){
-		timer=setInterval(playnext,3000)
-	})				
-	$('.img_list ol li').hover(function(){		
-	   var simg = $(this).children('img').attr('src')	   
-	   $('.banner_box ul li').eq(curidx+1).find('img').attr('src',simg)
-	})	
 	//导航
-	 var headt=$('header').clone();
+	var thead=$('header').clone(true);
+	$('body').append(thead);
+	thead.addClass('h_fix');
 	$(window).scroll(function(){
 		var scrolltop=$(document).scrollTop()		
-			if(scrolltop>600){					
-				headt.addClass('h_fix');
-				$('body').append(headt)
-				$('.h_fix').slideDown(200)
+			if(scrolltop>500){									
+				$('.h_fix').slideDown(200);
+				$('.pub_fix').fadeIn(200);
 			}else{				
-				$('.h_fix').slideUp(200)					
+				$('.h_fix').slideUp(200);
+				$('.pub_fix').fadeOut(200);	
 			}
 		});	
-		
 	//挂件
 	$('.pendent_box').click(function(e){	
 			e.preventDefault();

+ 1 - 1
src/js/registered.js

@@ -1,7 +1,7 @@
 import '../css/bootstrap.less';
 import 'bootstrap/dist/js/bootstrap.js';
 import '../css/public.css';
-import '../css/registered.css';
+import '../css/register.css';
 import './public.js'
 (function(){
     //选择专家和企业时要切换

+ 1 - 1
src/js/news.js

@@ -1,7 +1,7 @@
 import '../css/bootstrap.less';
 import 'bootstrap/dist/js/bootstrap.js';
 import '../css/public.css'; 
-import '../css/news.css';
+import '../css/service.css';
 import './public.js'
 
 

+ 5 - 4
template/index.html

@@ -9,9 +9,9 @@
 	<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1,user-scalable=no">
 	<meta http-equiv="x-ua-compatible" content="ie=edge">
     <title>首页</title>
-    <link rel="stylesheet" href="../src/css/bootstrap.css" />
+    <!--<link rel="stylesheet" href="../src/css/bootstrap.css" />
     <link rel="stylesheet" href="../src/css/public.css" />
-    <link rel="stylesheet" type="text/css" href="../src/css/index_home.css"/>
+    <link rel="stylesheet" type="text/css" href="../src/css/index_home.css"/>-->
 </head>
 <body>  	
   	<header>
@@ -442,12 +442,13 @@
 					<input type="submit" value="登 陆" class="login_submit"/>
 				</form>
 				<img src="../img/login_hua.png" alt="" class="login_hua"/>
+				<img src="../img/login_shadow.png" alt="阴影效果" class="login_shadow"/>
 			</div>			
 		</div>
 		<img src="../img/login_close.png" alt="" class="login_close"/>
 	</div>
-	<script type="text/javascript" src="../src/js/jquery-2.1.0.js"></script>
+	<!--<script type="text/javascript" src="../src/js/jquery-2.1.0.js"></script>
 	<script type="text/javascript" src="../src/js/index.js"></script>
-	<script type="text/javascript" src="../src/js/public.js"></script>
+	<script type="text/javascript" src="../src/js/public.js"></script>-->
 </body>
 </html>

+ 4 - 5
template/registered.html

@@ -8,11 +8,10 @@
     <meta name="Description" content=""/>
 	<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1,user-scalable=no">
 	<meta http-equiv="x-ua-compatible" content="ie=edge">
-    <title>登陆/注册</title>
-    <!--<link rel="stylesheet" href="../src/css/bootstrap.css" />-->
-    <!--<link rel="stylesheet" href="../src/css/public.css" />-->
-    <!--<link rel="stylesheet" type="text/css" href="../src/css/index_home.css"/>-->
-	<!--<link rel="stylesheet" href="../src/css/registered.css"/>-->
+    <title>注册</title>
+    <!--<link rel="stylesheet" href="../src/css/bootstrap.css" />
+    <link rel="stylesheet" href="../src/css/public.css" />   
+	<link rel="stylesheet" href="../src/css/register.css"/>-->
 </head>
 <body>  	
   	<header>

+ 72 - 46
template/news.html

@@ -41,51 +41,7 @@
 	  			<li><img src="../img/x_banner02.png" alt="" class="banner_imgs"/></li> 		  					  					  									  					  			
 	  			<li><img src="../img/banner1.png" alt="" class="banner_imgs"/></li>	  			
 	  		</ul>
-	  	</div>
-  		<div class="index_tt">
-  			<div class="banner_txt">
-				<h3>1让每一项优秀的技术产生价值</h3>
-				<p>全方位的服务,一应俱全</p>
-				<p>专业的团队助您开启科技成果转化之路</p>
-				<div class="img_list">
-					<ol>
-						<li><img src="../img/x_banner01.png" alt="" /></li>
-						<li><img src="../img/x_banner02.png" alt="" /></li>
-						<li><img src="../img/x_banner03.png" alt="" /></li>
-						<li><img src="../img/x_banner04.png" alt="" /></li>
-						<li><img src="../img/x_banner05.png" alt="" /></li> 							
-					</ol>
-				</div>
-  			</div>
-  			<div class="banner_txt">
-				<h3>2让每一项优秀的技术产生价值</h3>
-				<p>全方位的服务,一应俱全</p>
-				<p>专业的团队助您开启科技成果转化之路</p>
-				<div class="img_list">
-					<ol>
-						<li><img src="../img/x_banner01.png" alt="" /></li>
-						<li><img src="../img/x_banner02.png" alt="" /></li>
-						<li><img src="../img/x_banner03.png" alt="" /></li>
-						<li><img src="../img/x_banner04.png" alt="" /></li>
-						<li><img src="../img/x_banner05.png" alt="" /></li> 							
-					</ol>
-				</div>
-  			</div>
-  			<div class="banner_txt">
-				<h3>3让每一项优秀的技术产生价值</h3>
-				<p>全方位的服务,一应俱全</p>
-				<p>专业的团队助您开启科技成果转化之路</p>
-				<div class="img_list">
-					<ol>
-						<li><img src="../img/x_banner01.png" alt="" /></li>
-						<li><img src="../img/x_banner02.png" alt="" /></li>
-						<li><img src="../img/x_banner03.png" alt="" /></li>
-						<li><img src="../img/x_banner04.png" alt="" /></li>
-						<li><img src="../img/x_banner05.png" alt="" /></li> 							
-					</ol>
-				</div>
-  			</div>
-  		</div>  		
+	  	</div>  	
   		<div class="banner_mid">
   			<img src="../img/index_pre.png" alt="" class="index_pre" />
   			<img src="../img/index_next.png" alt="" class="banner_next" />
@@ -147,7 +103,77 @@
 				</div>
 			</div>
 		</div>
-
+		
+	</div>
+	<div class="pub_fix">		
+			<span class="index_blur"></span>
+			<ul class="ret_top">
+				<li>
+					<a href="">
+						<img src="../img/index_fix1.png" alt="" />
+						<p>发布需求</p>
+					</a>
+				</li>
+				<li>
+					<a href="">
+						<img src="../img/index_fix2.png" alt="" />
+						<p>发布技术</p>
+					</a>
+				</li>
+				<li>
+					<a href="tencent://Message/?Uin=2035994611&websiteName=q-zone.qq.com&Menu=yes">
+						<img src="../img/index_fix3.png" alt="" />
+						<p>联系客服</p>
+					</a>
+				</li>
+				<li>
+					<a href="" class="pendent_box">
+						<img src="../img/index_fix4.png" alt="" />
+						<p>返回顶部</p>
+					</a>
+				</li>
+			</ul>
+			<span class="index_orange"></span>		
+	</div>
+	<!--登陆页面-->
+	
+	<div class="login">
+		<div class="login_mian">
+			<div class="login_left">
+				<div class="login_ewm">
+					<img src="../img/login_ewm.png" alt="二维码" />
+				</div>
+				<p>扫描二维码下载官方</p>
+				<p>技淘APP</p>
+			</div>
+			<div class="login_right">
+				<h5>用户登陆<a href="">免费注册有好礼呦!!</a></h5>
+				<form action="" method="post">
+					<div class="login_uesr">
+						<label for="uesname"><img src="../img/login_use.png"/></label>
+						<input type="text" name="uesname" id="Lo_user" value="用户名/邮箱/手机" />
+						<img src="../img/login_del.png" class="log_del"/>
+					</div>
+					<div class="login_pass">
+						<label for="pass"><img src="../img/login_password.png"/></label>
+						<input type="text" name="pass" id="Lo_pass" value="请输入密码" />
+					</div>
+					<div class="login_check">
+						<label for="checks" class="lab_check">
+							<input type="checkbox" name="type" id="checks" />专家
+						</label>
+						<label for="checkst" class="lab_checkno">
+							<input type="checkbox" name="type" id="checkst" />企业
+						</label>
+						<u><a href="">忘记密码?</a></u>
+					</div>
+					<input type="submit" value="登 陆" class="login_submit"/>
+				</form>
+				<img src="../img/login_hua.png" alt="" class="login_hua"/>
+				<img src="../img/login_shadow.png" alt="阴影效果" class="login_shadow"/>
+			</div>			
+		</div>
+		<img src="../img/login_close.png" alt="" class="login_close"/>
 	</div>
 </body>
 <!--<script type="text/javascript" src="../src/js/jquery-2.1.0.js"></script>

+ 6 - 6
webpack.config.js

@@ -46,15 +46,15 @@ module.exports = (function () {
         }), 
          new HtmlWebpackPlugin({
             title: '新闻页',
-            filename: 'html/news.html',
-            template: './template/news.html',
-            chunks: ['news', 'vendors']
+            filename: 'html/service.html',
+            template: './template/service.html',
+            chunks: ['service', 'vendors']
         }),
          new HtmlWebpackPlugin({
             title: '注册',
-            filename: 'html/registered.html',
-            template: './template/registered.html',
-            chunks: ['registered', 'vendors']
+            filename: 'html/register.html',
+            template: './template/register.html',
+            chunks: ['register', 'vendors']
         }),
     ];
     if (!isDev) {

+ 6 - 6
webpack/entry.config.js

@@ -2,21 +2,21 @@ module.exports = {
   prod: {
     //user
     'index': './src/js/index.js',  
-    'news': './src/js/news.js',
-    'registered': './src/js/registered.js',
+    'service': './src/js/service.js',
+    'register': './src/js/register.js',
   },
   watch: {
     'index': ['webpack-dev-server/client?http://127.0.0.1:80', // WebpackDevServer host and port
       'webpack/hot/only-dev-server',
       './src/js/index.js'
     ],  
-     'news': ['webpack-dev-server/client?http://127.0.0.1:80', // WebpackDevServer host and port
+     'service': ['webpack-dev-server/client?http://127.0.0.1:80', // WebpackDevServer host and port
       'webpack/hot/only-dev-server',
-      './src/js/news.js'
+      './src/js/service.js'
     ],
-    'registered': ['webpack-dev-server/client?http://127.0.0.1:80',
+    'register': ['webpack-dev-server/client?http://127.0.0.1:80',
       'webpack/hot/only-dev-server',
-      './src/js/registered.js'
+      './src/js/register.js'
     ],
   }
 }