dengzhiguo 7 years ago
parent
commit
d2a5875939

BIN
img/achievement_star.png


BIN
img/achievement_starbj.png


BIN
img/demand_starbj.png


BIN
img/detail_facebook.jpg


BIN
img/detail_home.jpg


BIN
img/detail_img1.png


BIN
img/detail_img2.png


BIN
img/detail_img3.jpg


BIN
img/detail_img4.jpg


BIN
img/detail_img5.jpg


BIN
img/detail_weibo.jpg


BIN
img/detail_weixin.jpg


+ 62 - 0
src/css/technologyTrading/achievementDetail.css

@@ -0,0 +1,62 @@
+*{box-sizing: border-box;}
+#all_achievement{width:100%;height:1500px;border-top:5px solid #2C6698;}
+.detail{width:1200px;height:100px;margin: 0 auto;}
+.detail_top{width:1200px;height:50px;padding: 20px 70px 0 60px;}
+.detail_toptitle{width:500px;height:30px;padding-left: 25px;line-height: 24px;
+    background: url("../../../img/detail_home.jpg") no-repeat;}
+.detail_toptitle>a{color:#787878;}
+.detail_toptitle>a.a_detail{color:#3C3B3B;}
+.detail_topimg{float: right;}
+.detail_topimg>a{width:30px;height:30px;cursor: pointer;margin-left:10px;}
+.detail_center{width:1200px;height:900px;margin: 0 auto;border: 1px solid #EFEFEF;}
+.detail_centerimg{width:1200px;height:660px;padding-top:45px;padding-left: 60px;
+    border-bottom: 1px solid #EFEFEF;position: relative;}
+.small_img{width:200px;height:490px;display: inline-block;}
+.small_img>img{width:200px;height:155px;margin-bottom: 10px;}
+.big_img{width:470px;height:490px;display: inline-block;position: absolute;
+top:45px;left:310px;text-align: center; line-height: 490px;}
+.basic{width:720px;height:125px;position: relative;}
+.basic>div{width:220px;display: inline-block;height:70px;
+}
+.basic>span{width:30px;height:70px;display: inline-block;position: absolute;top:10px;right: 10px;}
+.basic>div.detail_btn{width:152px;height:45px;background: #FFB200;color:#fff;
+font-weight: bold;font-size: 18px;line-height: 45px;text-align: center;}
+.fine{width:240px;height:545px;position: absolute;top:45px;right:80px;}
+.fine>img{width:240px;height:160px;}
+.fine>div.fine_title{width:90px;height:35px;background: #3185D0;text-align: center;
+line-height: 35px;color:#fff;border-radius: 5px;}
+.fine>div{width:240px;height:160px;margin-top: 10px;position: relative;}
+.fine>div>p{width:240px;height:35px;position: absolute;left:0;bottom:0;background: #7A7572;
+color:#fff;text-align: center;line-height: 35px;}
+
+.detail_centertext{width:1200px;height:240px;padding:30px 35px 0 35px;position: relative;}
+.detail_centertext>div{width:550px;height:240px;display: inline-block;
+padding: 0 30px;}
+.text_left>div{width:465px;height:40px;border-bottom:1px solid #F0F0F1;}
+.text_left>div>p{display: inline-block;font-size: 16px;}
+.text_left>div>h5{display: inline-block;font-weight: bold;font-size: 15px;width:100px;}
+.left_p{margin-left: 90px;}
+.text_right>div{width:465px;height:40px;border-bottom:1px solid #F0F0F1;line-height: 40px;font-size: 16px;  }
+.text_right{position: absolute;top:30px;right: 0;}
+.text_right>p{padding: 10px 25px 0 0;}
+.detail_bottom{width:1200px;height:500px;margin: 0 auto;padding-top: 35px;}
+.line{width:1080px;height:20px;border: 1px solid #C8CACE;margin: 0 auto;border-bottom: none;
+text-align: center;font-size: 22px;line-height: 40px;color:#4E4E4E;}
+
+
+.main_introduce{clear: both;padding-top: 40px;overflow: hidden;width: 1200px;}
+.main_introduce ul {overflow: hidden;}
+.main_introduce>ul>li{float: left;margin: 0 15px;width: 270px;height: 360px;background: #ffffff;position: relative;margin-bottom: 16px;}
+.main_introduce ul li>img{width:270px ;height: 184px;}
+.list_text {padding-left: 28px;padding-top: 10px;}
+.list_text p{line-height: 30px;height: 30px;color: #2f85d0;font-size: 16px;}
+.list_text p span{margin-left: 8px;color: #787878;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;width: 168px;vertical-align: top;}
+.list_text a{float: right;width: 80px;height: 30px;display: inline-block;text-align: center;background: #2b8de2;margin-top: 8px;border-radius: 10px;margin-right: 20px;line-height: 30px;color: #ffffff;}
+.main_introduce ul li .star{width: 242px;height:56px;position: absolute;top: 138px;background: url(../../../img/achievement_starbj.png)no-repeat center left;left:-10px;background-size:cover ;}
+.main_introduce ul li .star p{color: #FFFFFF;font-size: 24px;margin-top: 8px;margin-left: 15px;float: left;}
+.main_introduce ul li .star ol li{width: 24px;height: 22px;background: url(../../../img/achievement_star.png)no-repeat center;float: left;margin-right:2px;}
+.main_introduce ul li .star ol{float: left;overflow: hidden;margin-top: 13px;margin-left: 2px;}
+
+
+
+

+ 61 - 0
src/css/technologyTrading/demandDetail.css

@@ -0,0 +1,61 @@
+*{box-sizing: border-box;}
+#all_achievement{width:100%;height:1500px;border-top:5px solid #2C6698;}
+.detail{width:1200px;height:100px;margin: 0 auto;}
+.detail_top{width:1200px;height:50px;padding: 20px 70px 0 60px;}
+.detail_toptitle{width:500px;height:30px;padding-left: 25px;line-height: 24px;
+    background: url("../../../img/detail_home.jpg") no-repeat;}
+.detail_toptitle>a{color:#787878;}
+.detail_toptitle>a.a_detail{color:#3C3B3B;}
+.detail_topimg{float: right;}
+.detail_topimg>a{width:30px;height:30px;cursor: pointer;margin-left:10px;}
+.detail_center{width:1200px;height:900px;margin: 0 auto;border: 1px solid #EFEFEF;}
+.detail_centerimg{width:1200px;height:660px;padding-top:45px;padding-left: 60px;
+    border-bottom: 1px solid #EFEFEF;position: relative;}
+.big_text{width:700px;height:50px;}
+.big_text>h3{color:#316899;}
+.big_img{width:470px;height:490px;display: inline-block;position: absolute;
+    top:95px;left:50px;}
+.basic{width:300px;height:490px;position: absolute;top:95px;left:550px;}
+.basic>div{width:220px;height:55px;border-bottom: 1px solid #EFEFEF;}
+.basic>span{width:30px;height:30px;display: inline-block;position: absolute;bottom:-50px;left: -500px;}
+.basic>span>img{margin-top: -5px;}
+.basic>span>span{line-height: 30px;}
+.basic>div.detail_btn{width:152px;height:45px;background: #FFB200;color:#fff;
+    font-weight: bold;font-size: 18px;line-height: 45px;text-align: center;position: absolute;
+    bottom: 0;left:0;}
+.basic h5{font-weight: bold;}
+.basic>div.inline_span{padding-top: 30px;}
+.fine{width:240px;height:545px;position: absolute;top:45px;right:80px;}
+.fine>img{width:240px;height:160px;}
+.fine>div.fine_title{width:90px;height:35px;background: #3185D0;text-align: center;
+    line-height: 35px;color:#fff;border-radius: 5px;}
+.fine>div{width:240px;height:160px;margin-top: 10px;position: relative;}
+.fine>div>p{width:240px;height:35px;position: absolute;left:0;bottom:0;background: #7A7572;
+    color:#fff;text-align: center;line-height: 35px;}
+
+.detail_centertext{width:1200px;height:240px;padding:30px 50px 0 50px;position: relative;}
+.detail_centertext>div{width:550px;height:240px;display: inline-block;}
+.text_right>div{width:1100px;border-bottom:1px solid #F0F0F1;line-height: 40px;font-size: 16px;  }
+.text_right{position: absolute;top:30px;left:50px;}
+.text_right>p{padding: 10px 25px 0 0;}
+.detail_bottom{width:1200px;height:500px;margin: 0 auto;padding-top: 35px;}
+.line{width:1080px;height:20px;border: 1px solid #C8CACE;margin: 0 auto;border-bottom: none;
+    text-align: center;font-size: 22px;line-height: 40px;color:#4E4E4E;}
+
+
+.main_introduce{clear: both;padding-top: 40px;overflow: hidden;width: 1200px;}
+.main_introduce ul {overflow: hidden;}
+.main_introduce>ul>li{float: left;margin: 0 15px;width: 270px;height: 360px;background: #ffffff;position: relative;margin-bottom: 16px;}
+.main_introduce ul li>img{width:270px ;height: 184px;}
+.list_text {padding-left: 28px;padding-top: 10px;}
+.list_text p{line-height: 30px;height: 30px;color: #2f85d0;font-size: 16px;}
+.list_text p span{margin-left: 8px;color: #787878;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;width: 168px;vertical-align: top;}
+.list_text a{float: right;width: 80px;height: 30px;display: inline-block;text-align: center;background: #FFB200;margin-top: 8px;border-radius: 10px;margin-right: 20px;line-height: 30px;color: #ffffff;}
+.main_introduce ul li .star{width: 242px;height:56px;position: absolute;top: 138px;background: url(../../../img/demand_starbj.png)no-repeat center left;left:-10px;background-size:cover ;}
+.main_introduce ul li .star p{color: #FFFFFF;font-size: 24px;margin-top: 8px;margin-left: 15px;float: left;}
+.main_introduce ul li .star ol li{width: 24px;height: 22px;background: url(../../../img/achievement_star.png)no-repeat center;float: left;margin-right:2px;}
+.main_introduce ul li .star ol{float: left;overflow: hidden;margin-top: 13px;margin-left: 2px;}
+
+
+
+

+ 14 - 0
src/js/technologyTrading/achievementDetail.js

@@ -0,0 +1,14 @@
+import '../../css/bootstrap.less';
+import 'bootstrap/dist/js/bootstrap.js';
+import '../../css/public.css';
+import '../../css/main_banner.css';
+import '../../js/public.js';
+import '../../js/main_banner.js';
+import '../../css/technologyTrading/achievementDetail.css';
+(function(){
+    $(".small_img img").hover(function(e){
+        console.log($(this).attr("src"));
+        var smallsrc=$(this).attr("src");
+        $(".big_img img").attr("src",smallsrc);
+    })
+})();

+ 10 - 0
src/js/technologyTrading/demandDetail.js

@@ -0,0 +1,10 @@
+import '../../css/bootstrap.less';
+import 'bootstrap/dist/js/bootstrap.js';
+import '../../css/public.css';
+import '../../css/main_banner.css';
+import '../../js/public.js';
+import '../../js/main_banner.js';
+import '../../css/technologyTrading/demandDetail.css';
+
+
+

+ 351 - 0
template/technologyTrading/achievementDetail.html

@@ -0,0 +1,351 @@
+<!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" href="../../src/css/main_banner.css" />-->
+    <!--<link rel="stylesheet" type="text/css" href="../../src/css/technologyTrading/achievementDetail.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><a href="#">技术交易</a></li>
+                <li><a href="#">科技服务</a><img src="../../img/hot.png" alt="HOT"/></li>
+                <li><a href="#">智库咨询</a></li>
+                <li class="active"><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>
+<div id="all_achievement">
+    <div class="detail">
+        <div class="detail_top">
+            <div class="detail_topimg">
+                <a href="#">
+                    <img src="../../img/detail_facebook.jpg" alt=""/>
+                </a>
+                <a href="#">
+                    <img src="../../img/detail_weixin.jpg" alt=""/>
+                </a>
+                <a href="#">
+                    <img src="../../img/detail_weibo.jpg" alt=""/>
+                </a>
+            </div>
+            <div class="detail_toptitle">
+                >
+                <a href="#">技术交易</a>
+                >
+                <a href="#">技术专利</a>
+                >
+                <a href="#" class="a_detail">专利详情</a>
+            </div>
+        </div>
+        <div class="detail_center">
+            <div class="detail_centerimg">
+                <div>
+                    <div class="small_img">
+                        <img src="../../img/detail_img1.png" alt=""/>
+                        <img src="../../img/detail_img1.png" alt=""/>
+                        <img src="../../img/detail_img1.png" alt=""/>
+                    </div>
+                    <div class="big_img">
+                        <img src="../../img/detail_img2.png" alt=""/>
+                    </div>
+                </div>
+                <div class="basic">
+                    <div>
+                        <h5>行业</h5>
+                        <p>CT、无线电波、透视CT</p>
+                    </div>
+                    <div>
+                        <h5>名称</h5>
+                        <p>CT红外摄影</p>
+                    </div>
+                    <div>
+                        <h5>交易方式</h5>
+                        <p>价格面议</p>
+                    </div>
+                    <span>
+                        <img src="../../img/detail_img5.jpg" alt=""/>
+                        <span>8</span>
+                    </span>
+                    <div class="detail_btn">
+                        我要咨询
+                    </div>
+                </div>
+                <div class="fine">
+                    <div class="fine_title">精品专利</div>
+                    <div>
+                        <img src="../../img/detail_img3.jpg" alt=""/>
+                        <p>这是一个精品专利</p>
+                    </div>
+                    <div>
+                        <img src="../../img/detail_img3.jpg" alt=""/>
+                        <p>这是一个精品专利</p>
+                    </div>
+                    <div>
+                        <img src="../../img/detail_img3.jpg" alt=""/>
+                        <p>这是一个精品专利</p>
+                    </div>
+
+                </div>
+            </div>
+            <div class="detail_centertext">
+                <div class="text_left">
+                    <div>
+                        <p ><h5>所在地</h5>: 湖南长沙</p>
+                        <p class="left_p"><h5>技术成熟度</h5>: 可以量产</p>
+                    </div>
+                    <div>
+                        <p><h5>类型</h5>: 发明专利</p>
+                    </div>
+                    <div>
+                        <p><h5>最近更新</h5>: 2017-09-17</p>
+                    </div>
+                </div>
+                <div class="text_right">
+                    <div>
+                        技术简介
+                    </div>
+                    <p>
+                        是粉色发我和服务号积分我我见佛佛我就我房间内就事件事件就是事件就
+                    案发违法我呢我发违法就我的方法和我打开方式开关机认购人
+                    </p>
+                </div>
+            </div>
+        </div>
+        <div class="detail_bottom">
+            <div class="line">猜你喜欢</div>
+            <div class="main_introduce">
+                <ul>
+                    <li>
+                        <img src="../../img/detail_img4.jpg" alt="" />
+                        <div class="list_text">
+                            <p>行业<span>怒吼道胡非常胡海峰回复11111</span></p>
+                            <p>名称<span>怒吼道</span></p>
+                            <p>类型<span>怒吼道胡非常胡海峰回复</span></p>
+                            <p>交易方式<span>怒吼道胡非常胡海</span></p>
+                            <a href="#">了解详情</a>
+                        </div>
+                        <div class="star">
+                            <p>成熟度</p>
+                            <ol>
+                                <li></li>
+                                <li></li>
+                                <li></li>
+                                <li></li>
+                                <li></li>
+                            </ol>
+                        </div>
+                    </li>
+                    <li>
+                        <img src="../../img/detail_img4.jpg" alt="" />
+                        <div class="list_text">
+                            <p>行业<span>怒吼道胡非常胡海峰回复11111</span></p>
+                            <p>名称<span>怒吼道</span></p>
+                            <p>类型<span>怒吼道胡非常胡海峰回复</span></p>
+                            <p>交易方式<span>怒吼道胡非常胡海</span></p>
+                            <a href="#">了解详情</a>
+                        </div>
+                        <div class="star">
+                            <p>成熟度</p>
+                            <ol>
+                                <li></li>
+                                <li></li>
+                                <li></li>
+                                <li></li>
+                                <li></li>
+                            </ol>
+                        </div>
+                    </li>
+                    <li>
+                        <img src="../../img/detail_img4.jpg" alt="" />
+                        <div class="list_text">
+                            <p>行业<span>怒吼道胡非常胡海峰回复11111</span></p>
+                            <p>名称<span>怒吼道</span></p>
+                            <p>类型<span>怒吼道胡非常胡海峰回复</span></p>
+                            <p>交易方式<span>怒吼道胡非常胡海</span></p>
+                            <a href="#">了解详情</a>
+                        </div>
+                        <div class="star">
+                            <p>成熟度</p>
+                            <ol>
+                                <li></li>
+                                <li></li>
+                                <li></li>
+                                <li></li>
+                            </ol>
+                        </div>
+                    </li>
+                    <li>
+                        <img src="../../img/detail_img4.jpg" alt="" />
+                        <div class="list_text">
+                            <p>行业<span>怒吼道胡非常胡海峰回复11111</span></p>
+                            <p>名称<span>怒吼道</span></p>
+                            <p>类型<span>怒吼道胡非常胡海峰回复</span></p>
+                            <p>交易方式<span>怒吼道胡非常胡海</span></p>
+                            <a href="#">了解详情</a>
+                        </div>
+                        <div class="star">
+                            <p>成熟度</p>
+                            <ol>
+                                <li></li>
+                                <li></li>
+                            </ol>
+                        </div>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!--主体内容区域开始-->
+
+<!--主体内容区域结束-->
+<div id="bottom">
+    <div class="bottom">
+        <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"  id="form_login">
+                <div class="login_uesr">
+                    <label for="uesname"><img src="../../img/login_use.png"/></label>
+                    <input type="text" name="uesname" id="Lo_user" placeholder="用户名/邮箱/手机" />
+                    <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" placeholder="请输入密码" />
+                </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/technologyTrading/achievementDetail.js"></script>-->
+<!--<script type="text/javascript" src="../../src/js/public.js"></script>-->
+<!--<script type="text/javascript" src="../../src/js/main_banner.js" ></script>-->
+</html>

+ 351 - 0
template/technologyTrading/demandDetail.html

@@ -0,0 +1,351 @@
+<!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" href="../../src/css/main_banner.css" />-->
+    <!--<link rel="stylesheet" type="text/css" href="../../src/css/technologyTrading/demandDetail.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><a href="#">技术交易</a></li>
+                <li><a href="#">科技服务</a><img src="../../img/hot.png" alt="HOT"/></li>
+                <li><a href="#">智库咨询</a></li>
+                <li class="active"><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>
+<div id="all_achievement">
+    <div class="detail">
+        <div class="detail_top">
+            <div class="detail_topimg">
+                <a href="#">
+                    <img src="../../img/detail_facebook.jpg" alt=""/>
+                </a>
+                <a href="#">
+                    <img src="../../img/detail_weixin.jpg" alt=""/>
+                </a>
+                <a href="#">
+                    <img src="../../img/detail_weibo.jpg" alt=""/>
+                </a>
+            </div>
+            <div class="detail_toptitle">
+                >
+                <a href="#">技术交易</a>
+                >
+                <a href="#">技术需求</a>
+                >
+                <a href="#" class="a_detail">关于超细颗粒金属碳化物的制造技术</a>
+            </div>
+        </div>
+        <div class="detail_center">
+            <div class="detail_centerimg">
+                <div class="big_text">
+                    <h3>关于超细颗粒金属碳化物的制造技术</h3>
+                </div>
+                <div class="big_img">
+                     <img src="../../img/detail_img2.png" alt=""/>
+                </div>
+                <div class="basic">
+                    <div>
+                        <h5>行业</h5>
+                        <p>CT、无线电波、透视CT</p>
+                    </div>
+                    <div>
+                        <h5>名称</h5>
+                        <p>CT红外摄影</p>
+                    </div>
+                    <div>
+                        <h5>交易方式</h5>
+                        <p>价格面议</p>
+                    </div>
+                    <div class="inline_span">
+                        <span>所在地</span>
+                        <span>湖南长沙</span>
+                    </div>
+                    <div class="inline_span">
+                        <span>类型</span>
+                        <span>技术购买型需求</span>
+                    </div>
+                    <div class="inline_span">
+                        <span>最近更新</span>
+                        <span>2017-09-17</span>
+                    </div>
+                    <span>
+                        <img src="../../img/detail_img5.jpg" alt=""/>
+                        <span>8</span>
+                    </span>
+                    <div class="detail_btn">
+                        我要咨询
+                    </div>
+                </div>
+                <div class="fine">
+                    <div class="fine_title">精品需求</div>
+                    <div>
+                        <img src="../../img/detail_img3.jpg" alt=""/>
+                        <p>这是一个精品需求</p>
+                    </div>
+                    <div>
+                        <img src="../../img/detail_img3.jpg" alt=""/>
+                        <p>这是一个精品需求</p>
+                    </div>
+                    <div>
+                        <img src="../../img/detail_img3.jpg" alt=""/>
+                        <p>这是一个精品需求</p>
+                    </div>
+
+                </div>
+            </div>
+            <div class="detail_centertext">
+                <div class="text_right">
+                    <div>
+                        技术简介
+                    </div>
+                    <p>
+                        是粉色发我和服务号积分我我见佛佛我就我房间内就事件事件就是事件就
+                        案发违法我呢我发违法就我的方法和我打开方式开关机认购人
+                    </p>
+                </div>
+            </div>
+        </div>
+        <div class="detail_bottom">
+            <div class="line">猜你喜欢</div>
+            <div class="main_introduce">
+                <ul>
+                    <li>
+                        <img src="../../img/detail_img4.jpg" alt="" />
+                        <div class="list_text">
+                            <p>行业<span>怒吼道胡非常胡海峰回复11111</span></p>
+                            <p>名称<span>怒吼道</span></p>
+                            <p>类型<span>怒吼道胡非常胡海峰回复</span></p>
+                            <p class="money">预算<span>10万</span></p>
+                            <a href="#">了解详情</a>
+                        </div>
+                        <div class="star">
+                            <p>精品</p>
+                            <ol>
+                                <li></li>
+                                <li></li>
+                                <li></li>
+                                <li></li>
+                                <li></li>
+                            </ol>
+                        </div>
+                    </li>
+                    <li>
+                        <img src="../../img/detail_img4.jpg" alt="" />
+                        <div class="list_text">
+                            <p>行业<span>怒吼道胡非常胡海峰回复11111</span></p>
+                            <p>名称<span>怒吼道</span></p>
+                            <p>类型<span>怒吼道胡非常胡海峰回复</span></p>
+                            <p class="money">预算<span>10万</span></p>
+                            <a href="#">了解详情</a>
+                        </div>
+                        <div class="star">
+                            <p>精品</p>
+                            <ol>
+                                <li></li>
+                                <li></li>
+                                <li></li>
+                                <li></li>
+                                <li></li>
+                            </ol>
+                        </div>
+                    </li>
+                    <li>
+                        <img src="../../img/detail_img4.jpg" alt="" />
+                        <div class="list_text">
+                            <p>行业<span>怒吼道胡非常胡海峰回复11111</span></p>
+                            <p>名称<span>怒吼道</span></p>
+                            <p>类型<span>怒吼道胡非常胡海峰回复</span></p>
+                            <p class="money">预算<span>10万</span></p>
+                            <a href="#">了解详情</a>
+                        </div>
+                        <div class="star">
+                            <p>精品</p>
+                            <ol>
+                                <li></li>
+                                <li></li>
+                                <li></li>
+                                <li></li>
+                                <li></li>
+                            </ol>
+                        </div>
+                    </li>
+                    <li>
+                        <img src="../../img/detail_img4.jpg" alt="" />
+                        <div class="list_text">
+                            <p>行业<span>怒吼道胡非常胡海峰回复11111</span></p>
+                            <p>名称<span>怒吼道</span></p>
+                            <p>类型<span>怒吼道胡非常胡海峰回复</span></p>
+                            <p class="money">预算<span>10万</span></p>
+                            <a href="#">了解详情</a>
+                        </div>
+                        <div class="star">
+                            <p>精品</p>
+                            <ol>
+                                <li></li>
+                                <li></li>
+                                <li></li>
+                                <li></li>
+                                <li></li>
+                            </ol>
+                        </div>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!--主体内容区域开始-->
+
+<!--主体内容区域结束-->
+<div id="bottom">
+    <div class="bottom">
+        <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"  id="form_login">
+                <div class="login_uesr">
+                    <label for="uesname"><img src="../../img/login_use.png"/></label>
+                    <input type="text" name="uesname" id="Lo_user" placeholder="用户名/邮箱/手机" />
+                    <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" placeholder="请输入密码" />
+                </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/technologyTrading/demandDetail.js"></script>-->
+<!--<script type="text/javascript" src="../../src/js/public.js"></script>-->
+<!--<script type="text/javascript" src="../../src/js/main_banner.js" ></script>-->
+</html>

+ 13 - 2
webpack.config.js

@@ -69,7 +69,7 @@ module.exports = (function () {
             chunks: ['thinktank', 'vendors']
         }),
         new HtmlWebpackPlugin({
-            title: '科技智库',
+            title: '科技金融',
             filename: 'html/financialIndex.html',
             template: './template/financialIndex.html',
             chunks: ['financialIndex', 'vendors']
@@ -86,7 +86,18 @@ module.exports = (function () {
             template: './template/technologyTrading/demand.html',
             chunks: ['technologyTrading/demand', 'vendors']
         }),
-       
+        new HtmlWebpackPlugin({
+            title: '科技交易-技术专利详情',
+            filename: 'html/technologyTrading/achievementDetail.html',
+            template: './template/technologyTrading/achievementDetail.html',
+            chunks: ['technologyTrading/achievementDetail', 'vendors']
+        }),
+        new HtmlWebpackPlugin({
+            title: '科技交易-技术需求详情',
+            filename: 'html/technologyTrading/demandDetail.html',
+            template: './template/technologyTrading/demandDetail.html',
+            chunks: ['technologyTrading/demandDetail', 'vendors']
+        })
     ];
     if (!isDev) {
         //这个使用uglifyJs压缩你的js代码

+ 14 - 4
webpack/entry.config.js

@@ -5,9 +5,11 @@ module.exports = {
         'register': './src/js/register.js',
         'technologyTrading': './src/js/technologyTrading.js',
         'thinktank': './src/js/thinktank.js',
-        'technologyFinancial': './src/js/technologyFinancial.js',
+        'financialIndex': './src/js/financialIndex.js',
         'technologyTrading/achievement': './src/js/technologyTrading/achievement.js',
         'technologyTrading/demand': './src/js/technologyTrading/demand.js',
+        'technologyTrading/achievementDetail': './src/js/technologyTrading/achievementDetail.js',
+        'technologyTrading/demandDetail': './src/js/technologyTrading/demandDetail.js'
     },
     watch: {
         'index': ['webpack-dev-server/client?http://127.0.0.1:80', // WebpackDevServer host and port
@@ -30,9 +32,9 @@ module.exports = {
             'webpack/hot/only-dev-server',
             './src/js/thinktank.js'
         ],
-        'technologyFinancial': ['webpack-dev-server/client?http://127.0.0.1:80', // WebpackDevServer host and port
+        'financialIndex': ['webpack-dev-server/client?http://127.0.0.1:80', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
-            './src/js/technologyFinancial.js'
+            './src/js/financialIndex.js'
         ],
         'technologyTrading/achievement': ['webpack-dev-server/client?http://127.0.0.1:80', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
@@ -41,6 +43,14 @@ module.exports = {
         'technologyTrading/demand': ['webpack-dev-server/client?http://127.0.0.1:80', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/technologyTrading/demand.js'
+        ],
+        'technologyTrading/achievementDetail': ['webpack-dev-server/client?http://127.0.0.1:80', // WebpackDevServer host and port
+            'webpack/hot/only-dev-server',
+            './src/js/technologyTrading/achievementDetail.js'
+        ],
+        'technologyTrading/demandDetail': ['webpack-dev-server/client?http://127.0.0.1:80', // WebpackDevServer host and port
+            'webpack/hot/only-dev-server',
+            './src/js/technologyTrading/demandDetail.js'
         ]
     }
-}
+};