ws2z3gr2017 7 years ago
parent
commit
f1d32071f2

+ 0 - 0
src/css/Technologytrading.css


+ 6 - 0
src/css/main_banner.css

@@ -0,0 +1,6 @@
+.carouselt{ position:relative; overflow: hidden;width:100%;height:460px; }
+.ct-img-big{ position:absolute; }
+.ct-img-big li{ float: left; }
+.btn{ position: absolute; display: block;}
+.btn-pre{top:220px;left:360px;}
+.btn-next{top:220px;right:360px;}

+ 0 - 6
src/css/service.css

@@ -1,9 +1,3 @@
-.carouselt{ position:relative; overflow: hidden;width:100%;height:460px; }
-.ct-img-big{ position:absolute; }
-.ct-img-big li{ float: left; }
-.btn{ position: absolute; display: block;}
-.btn-pre{top:220px;left:360px;}
-.btn-next{top:220px;right:360px;}
 
 .service_main{width: 100%;height: 600px;}
 .serve{width:1200px;height:600px;margin:0 auto;}

+ 7 - 0
src/js/Technologytrading.js

@@ -0,0 +1,7 @@
+import '../css/bootstrap.less';
+import 'bootstrap/dist/js/bootstrap.js';
+import '../css/public.css';
+import '../css/main_banner.css';
+import './public.js';
+import './main_banner.js';
+import '../css/Technologytrading.css';

+ 2 - 3
src/js/main_public.js

@@ -1,5 +1,4 @@
-(function(){
-
+$(function(){	
     var $imgBig=$('.ct-img-big'),
         $btnNext=$('.btn-next'),
         $btnPre=$('.btn-pre'),
@@ -86,4 +85,4 @@
             playNext()
         },2000)
     });
-})();
+});

+ 3 - 3
src/js/service.js

@@ -2,10 +2,10 @@ import '../css/bootstrap.less';
 import 'bootstrap/dist/js/bootstrap.js';
 import '../css/public.css';
 import '../css/service.css';
+import '../css/main_banner.css';
 import './public.js';
-import './main_public.js'
-(function(){
-        //分公司和大客户进行tab切换
+import './main_banner.js'
+(function(){     
     $("#office").click(function(){
         $(this).removeClass("that").addClass("that");
         $("#custom").removeClass("that");

+ 185 - 0
template/Technologytrading.html

@@ -0,0 +1,185 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="../img/ico_logo.ico">
+    <meta name="Keywords" content=""/>
+    <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/service.css"/>-->
+</head>
+<body>  	
+  	<header>
+  		<div class="container">
+  			<div class="logo"><a href="../template/index.html"><img src="../img/Logo111.png" alt="" title="技淘"/></a></div>
+  			<div  class="nav">
+  				<ul>
+  					<li class="active"><a href="#">技术交易</a></li>
+  					<li><a href="#">科技服务</a><img src="../img/hot.png"/></li> 					
+  					<li><a href="#">智库咨询</a></li>
+  					<li><a href="#">科技金融</a></li>
+  					<li><a href="#">科技活动</a></li>
+  					<li><a href="#">平台共建</a></li> 					
+  				</ul>
+  			</div>
+  			<div class="nav_right">
+  				<a href="">注册</a>
+  				<a href="javascript:;" class="head_login">登陆</a>
+  				<a href="">关于我们</a>
+  			</div>
+  		</div>
+  	</header>
+  	<!--banner-->
+  	<div class="carouselt">
+		<ul class="ct-img-big clear">
+			<li data-index=0 ><a href=""><img src="../img/highTech_slide_1.jpg" alt=""/></a></li>
+			<li data-index=1 ><a href=""><img src="../img/highTech_slide_2.jpg" alt=""/></a></li>
+			<li data-index=2 ><a href=""><img src="../img/highTech_slide_3.jpg" alt=""/></a></li>
+			<li data-index=3 ><a href=""><img src="../img/highTech_slide_4.jpg" alt=""/></a></li>
+			<li data-index=4 ><a href=""><img src="../img/highTech_slide_5.jpg" alt=""/></a></li>
+		</ul>
+		<a class="btn btn-next" href="">
+			<img src="../img/index_next.png" alt=""/>
+		</a>
+		<a class="btn btn-pre" href="">
+			<img src="../img/index_pre.png" alt=""/>
+		</a>
+	</div>
+  	<!--主体内容区域开始-->
+ 
+  	<!--主体内容区域结束-->
+	<div id="bottom">
+		<div class="bottom">
+			<img src="../img/bottom1_02.png" alt=""/>
+			<div class="bottom_text">
+				<div class="text_top">
+					<a href="#">关于公司/</a>
+					<a href="#">联系我们</a>
+					<p> Copyright &copy 2016-2017 科德 版权所有 湘ICP备15019731号
+					-2 技术支持:湖南阿凡提科技有限公司</p>
+				</div>
+				<div class="text_center">
+					<div class="cont_left">
+						<img src="../img/dizhi.jpg" alt=""/>
+						<p>湖南省长沙市营盘东路19号金山大厦</p>
+					</div>
+					<div class="cont_center">
+						<img src="../img/dianhua.jpg" alt=""/>
+						<p>合作电话:0731-89907207</p>
+						<p>400-8800-962八楼</p>
+					</div>
+					<div class="cont_right">
+						<img src="../img/erweima.jpg" alt=""/>
+						<p>科德公众号</p>
+					</div>
+				</div>
+				<div class="text_bottom">
+					<p>友情链接</p>
+					<a href="http://www.hnst.gov.cn/">湖南省科技厅/</a>
+					<a href="http://www.cssti.cn/">长沙市科技局/</a>
+					<a href="http://www.cast.org.cn/">中国科学技术协会/</a>
+					<a href="http://www.chinatorch.gov.cn/">科技部火炬中心/</a>
+					<a href="http://www.nosta.gov.cn/web/index.aspx">国家科技成果奖励办/</a>
+					<a href="http://www.nast.org.cn/">国家科技成果网/</a>
+					<a href="http://www.hnast.org.cn/portal/comm/index.action">湖南省科学技术协会/</a>
+					<a href="http://www.hncgw.gov.cn/">湖南省科技成果转化公共服务平台/</a>
+					<a href="http://www.hnjxw.gov.cn/">湖南省经济信息化委员会/</a>
+					<a href="http://kyy.hnu.cn/">湖南大学科学技术研究院/</a>
+					<a href="http://www.gxst.gov.cn/gxkjt/">广西省科技厅/</a>
+					<a href="http://www.nmkjt.gov.cn/">内蒙古自治区科技厅/</a>
+					<a href="http://www.cshtz.gov.cn/">长沙市高新区管委会/</a>
+					<a href="http://www.jxas.ac.cn/">江西省科学院/</a>
+					<a href="http://www.cnic.cn/front/index.html#/cnicSite/home">中科院计算机网络信息中心/</a>
+					<a href="http://kxyjb.csu.edu.cn/">中南大学科学研究部/</a>
+					<a href="http://www.cast.org.cn/">中国科协创新创业服务中心/</a>
+					<a href="http://www.hbstd.gov.cn/">湖北省科技厅/</a>
+					<a href="http://www.gdstc.gov.cn/">广东省科技厅/</a>
+					<a href="http://www.hnkjt.gov.cn/">河南省科技厅/</a>
+					<a href="http://www.cbtm.gov.cn/">技术合同登记官网</a>
+				</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>
+	<div class="smg"><input type="text" name="msg" value="" id="msg"/></div>
+</body>
+<!--<script type="text/javascript" src="../src/js/jquery-2.1.0.js"></script>
+<script type="text/javascript" src="../src/js/service.js"></script>
+<script type="text/javascript" src="../src/js/public.js"></script>-->
+
+</html>

+ 7 - 1
webpack.config.js

@@ -45,7 +45,7 @@ module.exports = (function () {
             chunks: ['index', 'vendors']
         }), 
          new HtmlWebpackPlugin({
-            title: '新闻页',
+            title: '科技服务',
             filename: 'html/service.html',
             template: './template/service.html',
             chunks: ['service', 'vendors']
@@ -56,6 +56,12 @@ module.exports = (function () {
             template: './template/register.html',
             chunks: ['register', 'vendors']
         }),
+          new HtmlWebpackPlugin({
+            title: '科技交易',
+            filename: 'html/Technologytrading.html',
+            template: './template/Technologytrading.html',
+            chunks: ['Technologytrading', 'vendors']
+        }),
     ];
     if (!isDev) {
         //这个使用uglifyJs压缩你的js代码

+ 6 - 0
webpack/entry.config.js

@@ -4,6 +4,8 @@ module.exports = {
     'index': './src/js/index.js',  
     'service': './src/js/service.js',
     'register': './src/js/register.js',
+    'Technologytrading': './src/js/Technologytrading.js',
+    
   },
   watch: {
     'index': ['webpack-dev-server/client?http://127.0.0.1:80', // WebpackDevServer host and port
@@ -18,5 +20,9 @@ module.exports = {
       'webpack/hot/only-dev-server',
       './src/js/register.js'
     ],
+     'Technologytrading': ['webpack-dev-server/client?http://127.0.0.1:80', // WebpackDevServer host and port
+      'webpack/hot/only-dev-server',
+      './src/js/Technologytrading.js'
+    ],
   }
 }