liting2017 6 years ago
parent
commit
775ad63e51

BIN
img/index/index_banner1.png


BIN
img/index/index_banner2.png


BIN
img/index/index_banner3.png


BIN
img/index/index_down.jpg


BIN
img/index/index_jumpBj.png


BIN
img/index/index_shopCar.jpg


BIN
img/index/index_webkit1.png


BIN
img/index/index_webkit2.png


BIN
img/index/index_webkit3.png


BIN
img/index/index_webkit4.png


BIN
img/index/index_xuan.png


BIN
img/index_xuan.png


+ 4 - 0
src/css/newMenu/demand.css

@@ -112,6 +112,10 @@
     float: right;
     margin-top: 3px;
 }
+.newDemand .colorWrite{
+    font-size: 12px;
+    color: #7a7878;
+}
 .newDemand ul li div p:nth-child(2){
     height: 30px;
     line-height: 30px;

+ 97 - 14
src/css/newMenu/header.css

@@ -1,9 +1,10 @@
 /* header */
-.header  {
+.header{
     color:#333;
-    height: 64px;
-    line-height: 64px;
+    height: 35px;
+    line-height: 35px;
     background-color: #f9f9f9;
+    border-bottom: 1px solid #eaeaea;
 }
 .header div>div{
     margin-left: 30px;
@@ -11,11 +12,27 @@
 }
 .header ul li {
     float: left;
-    margin: 0 10px;
+    margin: 0 15px;
 }
 .header ul li:hover a{
     color: #064f87;
 }
+.header ul li img{
+    vertical-align: top;
+    margin-top: 8px;
+    margin-right: 4px;
+}
+.header ul li .navigation{
+    position: relative;
+}
+.header .navigation .webkitDown{
+    width: 12px;
+    height: 8px;
+    display: inline-block;
+    background: url(../../../img/index/index_down.jpg) no-repeat;
+    background-size:100% 100%; 
+    margin-left: 6px;
+}
 .header a{
     color:#333;
 }
@@ -24,14 +41,14 @@
 }
 /* 导航 */
 .topNavBj{
-    height: 102px;
+    height: 90px;
     background: #ffffff;
     width: 100%;
 }
 .topNav{
 	width: 100%;
 	background: #ffffff;
-    height:102px;
+    height:90px;
 }
 .topNav.navFix{
 	position: fixed;
@@ -57,17 +74,16 @@
 }
 .navHeader .logo {
 	float: left;
-    padding-left: 20px;
-    margin-top: 20px;
+    margin-top: 12px;
 }
 
 .navHeader .logo_right {
 	margin-top: 14px;
 	float: left;
 	padding-left: 20px;
-	width: 120px;
+	width: 150px;
 	height: 75px;
-	background: url("../../../img/index_xuan.png") no-repeat center center;
+	background: url("../../../img/index/index_xuan.png") no-repeat center center;
 	margin-left: 10px;
 }
 
@@ -292,20 +308,32 @@ input:focus{
     overflow: hidden;
     margin-bottom: 20px
 }
-
+.searchMain ol li a{
+    font-size: 14px!important;
+    font-weight: normal!important;
+}
+.search ol li a:hover{
+    color: #0289df;
+}
 .search ol {
     clear: both
 }
-
+.searchMain ol li{
+    font-size: 14px!important;
+    font-weight: normal!important;
+}
 .search ol li {
     cursor: pointer;
     height: 30px;
     line-height: 30px;
     float: left;
     margin-right: 20px;
-    font-size: 14px;
+    font-size: 16px;
+    font-weight: 700;
 }
 .search ol li a{
+    font-size: 16px;
+    font-weight: 700;
     color: #393838;
 }
 
@@ -414,4 +442,59 @@ input:focus{
 .demand-marq ul li {
     margin: 0 30px;
     float: left;
-}
+}
+/* 购物车 */
+.shopIcon{
+    position: relative;
+}
+.shopIcon .tint{
+    position: absolute;
+    font-size: 40px;
+    color: #1697ea;
+    opacity: 1;
+    transition: all .8s ease-in;
+}
+.shopIcon .tint.active{
+    position: absolute;
+    top: 20px!important;
+    left: 20px!important;
+    opacity: 0;
+    font-size: 5px;
+    transition: all .8s ease-in-out
+}
+/* 网站导航 */
+.navWrapper{
+    position: absolute;
+    top: 36px;
+    width: 1200px;
+    background: #ffffff;
+    left: 50%;
+    margin-left: -600px;;
+    z-index: 99999;
+    padding: 30px;
+    box-shadow: 0 2px 10px #ccc;
+}
+.navWrapper ol  {
+   display: flex;
+   justify-content: space-between;
+}
+.navWrapper ol li div{
+    font-size: 16px;
+    color: #1f1f1f;
+}
+.navWrapper ol li a{
+    font-size: 14px;
+    color: #7a7878;
+    display: inline-block;
+   
+    font-family: "新宋体"
+}
+.navWrapper ol li a:hover{
+    color:#1697ea;
+}
+.navWrapper ol li:nth-child(2) a{
+    margin-right: 38px;
+}
+.navWrapper ol li:nth-child(3) a{
+    margin-right:65px;
+}

+ 77 - 0
src/css/newMenu/index.css

@@ -0,0 +1,77 @@
+.logo_photo{
+    float: right;
+    height: 90px;
+    line-height: 90px;
+    color: #1697e9;
+    font-size: 14px;
+}
+.bannerList{
+    position: relative;
+    overflow: hidden;
+}
+.indexSearch{
+    width: 1200px;
+    padding: 0 34px;
+    height: 92px;
+    position: absolute;
+    bottom:118px; 
+    left: 50%;
+    margin-left: -600px;
+}
+.jumpType{
+    padding-left: 54px;
+}
+.indexSearch .search-inp{
+    clear: both;
+    width: 1000px;
+    height: 54px;
+}
+.jumpType li{
+    float: left;
+}
+.indexSearch .demandSearch{
+    height: 54px;
+    line-height: 54px;
+}
+.indexSearch .searchBtn{
+    height: 54px;
+    line-height: 34px;
+    background: #1697e9;
+    border: 1px solid #1697e9;
+    color: #ffffff;
+}
+.indexSearch .search-inp{
+    float: left;
+}
+.jumpType li{
+    width: 60px;
+    height: 35px;
+    text-align: center;
+    color: #ffffff;
+    line-height: 28px;
+}
+.jumpType li.active{
+    background: url(../../../img/index/index_jumpBj.png) no-repeat;
+    background-size:100% 100%; 
+}
+.indexSearch .search-inp .input-group{
+    width: 1000px;
+}
+.indexSearch .search-inp .input-group .input-group-btn{
+    width: 104px;
+}
+.indexSearch .search-inp .input-group .input-group-btn button{
+    width: 100%;
+    font-size: 18px;
+}
+.indexSearch .apply{
+    cursor: pointer;
+    float: right;
+    width: 105px;
+    height: 54px;
+    line-height: 54px;
+    text-align: center;
+    font-size: 18px;
+    color: #ffffff;
+    background: #ffac2a;
+}

+ 2 - 2
src/css/newMenu/public.css

@@ -1,4 +1,4 @@
-*{margin: 0;padding: 0;list-style: none;}
+*{margin: 0;padding: 0;list-style: none;font-family: "微软雅黑"}
 body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,
 dl, dt, dd, ul, ol, li, 
 pre, 
@@ -867,7 +867,7 @@ input:-webkit-autofill {
 }
 /* banner */
 .carousel{
-	width: 100%;
+	width: 100%!important;
 }
 .carousel img{
 	width: 100%;

+ 52 - 1
src/css/newMenu/serviceDetails.css

@@ -49,7 +49,7 @@
     transition: all .2s ease-in;
 }
 .serviceDetailsImg img{
-    width: 100%;
+    width:100%;
     height: 100%;
     display: inline-block;
     transition: all .2s ease-in-out;
@@ -211,3 +211,54 @@
     color: #707070;
     word-wrap:break-word
 }
+.serviceDetailsTxt .shopCar{
+    margin-left: 10px;
+}
+/* 购物车 */
+.shopImg{
+    position: absolute;
+    top: 20px;
+    left: 20px;
+    z-index: -11;
+    width: 300px;
+    height:200px;
+    transition: all .3s ease-in-out;
+    opacity: 1;
+}
+.shopImg.active{
+    position: fixed;
+    top: 20px;
+    right: 500px;
+    width:0px;
+    height: 0px;
+    z-index: 99988;
+    transition: all .3s ease-in;
+    opacity: 0;
+}
+.serviceDetailsTitle p{
+    clear: both;
+}
+.numberDiv .input-group{
+    width: 130px;
+    margin-left: 85px;
+}
+.numberDiv{
+    padding-left: 22px;
+    overflow: hidden;
+}
+.numberDiv div{
+    height: 34px;
+    line-height: 34px;
+    font-size: 12px;
+    color: #707070;
+    float: left;
+}
+.shopCar span{
+    display: inline-block;
+    margin-right: 5px;
+}
+.numberDiv div #number{
+    width: 62px;
+    border-radius: 5px;
+    margin-right: 10px;
+}

+ 1 - 2
src/css/newMenu/services.css

@@ -119,8 +119,7 @@
     transition: all .2s ease-in-out;
 }
 .subsidyTxt ul li:hover{
-    box-shadow: 0 4px 12px #ccc;
-    transition: all .2s ease-in;
+   
 }
 .subsidyTxt ul li:hover div h4{
     color: #0a7dd4!important;

+ 0 - 0
src/css/newMenu/shopList.css


+ 31 - 0
src/js/newMenu/index.js

@@ -0,0 +1,31 @@
+import 'css/bootstrap.less';
+import 'bootstrap/dist/js/bootstrap.js';
+import 'css/newMenu/public.css';
+import 'css/newMenu/header.css'
+import 'css/newMenu/index.css';
+import 'js/public.js';
+(function(){
+    "use strict";
+    init();
+    function init(){
+        banner();
+        navTop();
+    };
+    //轮播
+    function banner(){
+         $('#myCarousel').carousel({
+            interval: 4000
+        })
+    };
+    // //导航定位
+    // function navTop() {
+    //     $(window).scroll(function(){
+    //         var scrolltop=$(document).scrollTop();
+    //             if(scrolltop>60){
+    //                 $('.topNav').addClass('navFix')
+    //             }else{
+    //                 $('.topNav').removeClass('navFix');
+    //             }
+    //     });
+    // }
+}())

+ 2 - 3
src/js/newMenu/serviceDetails.js

@@ -59,7 +59,7 @@ $(function () {
             height:(het+20)+'px',
             lineHeight:(het+20)+'px'
         })
-    }
+    };
     //提示框渐隐函数    
 	function msg() {
         if($('.smg').hasClass('active')){
@@ -70,6 +70,5 @@ $(function () {
             $('.smg').removeClass('active')
             $('#msg').val('');
         }, 2000)
-    } 
-    	
+    };
 })

+ 41 - 0
src/js/newMenu/shopList.js

@@ -0,0 +1,41 @@
+import 'css/bootstrap.less';
+import 'bootstrap/dist/js/bootstrap.js';
+import 'css/newMenu/public.css';
+import 'css/newMenu/header.css'
+import 'css/newMenu/shopList.css';
+import 'js/public.js';
+
+$(function(){
+    listData();
+    function listData(){
+        var data = localStorage.getItem('shopList');
+        if(data){
+            let shops = JSON.parse(data);
+            list(shops.data);
+        };
+    };
+    function list(data){
+        let divs=[],
+            imgs;
+        data.map((item)=>{
+            divs.push(`<tr dataId="${item.id}">
+                <td>
+                    <p>${item.companyName}</p>
+                    <input type="checkbox">  
+                    <img src="${item.img}"/>
+                    <p>${unescape(item.name)}</p> 
+                </td>
+                <td>${item.price}</td>
+                <td>
+                    <button class="reduce">-</button>
+                    <input type="text" value="${item.number}">
+                    <button class="add">+</button>
+                </td>
+                <td>${parseInt(item.price)>0?parseInt(item.price)*item.number:'面议'}</td>
+                <td><a>删除</a></td>
+            </tr>
+            ` )
+        })
+        $('.shopLists').html(divs);
+    }
+})

+ 123 - 0
src/js/public.js

@@ -335,5 +335,128 @@ $(function(){
 		}
 	    var setTime =setInterval(()=>{active()},100);
 	}
+	//网站导航
+	$('.navWrapper').hide();
+	$('.navigation').mouseenter(function(){
+		$('.navWrapper').slideDown(100)
+	})
+	$('.navWrapper').mouseleave(function(){
+		$('.navWrapper').slideUp(100)
+		$('.navWrapper').stop(false,true);
+	})
+	/* 购物车部分 */
+	//获取购物车商品位置
+	tint();
+	function tint(){
+		if($('a').hasClass('shopCar')){
+			let shopH = $('.shopCar').offset().top,
+			shopCH = $('.shopIcon').offset().top,
+			shopL = $('.shopCar').offset().left,
+			shopC = $('.shopIcon').offset().left;
+			$('.shopIcon .tint').css({'top':(shopH-shopCH)+'px','left':-(shopC-shopL)+'px'})
+		}
+	}
+	//购物车
+	{
+		//数量
+        $('#number').keyup(function(){
+            if($(this).val()>99){
+                $(this).val('99');
+            }
+            if($(this).val()<1){
+                $(this).val('1');
+            }
+        })
+        //购物动作
+        $('.shopIcon .tint').hide();
+        $('.shopCar').click(function(){
+            if( $('.shopIcon .tint').hasClass('active')){
+                return false;
+            }else{
+				btnFn();
+				getLoc();
+                $('.shopIcon .tint').show();
+                $('.shopIcon .tint').addClass('active');
+                setTimeout(()=>{
+                    $('.shopIcon .tint').removeClass('active');
+                    $('.shopIcon .tint').hide();
+                },800)
+            }
+		})
+		//本地存储
+		var shopList = [],
+			preShop,
+			state = false;
+		init();
+		function init() {
+			getLoc();
+		}
+		//初始判断是否有存储
+		function getLoc(){
+			let oldlist = localStorage.getItem('shopList');
+			if(oldlist){
+				preShop = JSON.parse(oldlist);
+				shopList=preShop.data;
+				let nubTotal =0;
+				shopList.map(item=>{
+					nubTotal+=parseInt(item.number)
+				})
+				$('.numberTotal').text(nubTotal)
+			};
+		};
+		//点击加入商品
+		var hash = window.location.search,ids='',idList=[];
+			if(hash.indexOf('&')){
+				idList=hash.split('&');
+				ids=idList[0].split('=')[1];
+			}else{
+				ids= hash.split('=')[1];
+			}
+		function btnFn() {
+				//每次点击时获取上次存储的数据累加
+				getLoc();
+				state = true;
+				var name = escape($('.cname').text()), //中文进行编译
+					id=ids,
+					companyName=$('.companyName').text(),
+					type=$('.cname').attr('data'),
+					img = $('.serviceDetailsImg>img').attr('src'),
+					number = parseInt($('#number').val()),
+					price = $('.price').text();
+				// 商品信息对象
+				let pro = new Object();
+				pro.id = id;
+				pro.type=type;
+				pro.name = name;
+				pro.img = img;
+				pro.companyName=companyName;
+				pro.number = number;
+				pro.price = price;
+				//初始加入
+				if(shopList.length < 1) {
+					shopList.push(pro);
+					local(shopList)
+					return;
+				};
+				//判断是否重复加入
+				shopList.map((item, index) => {
+					if(item.id === ids) {
+						shopList[index].number = parseInt(shopList[index].number) + parseInt(number);
+						state = false;
+					}
+				});
+				if(state) {
+					shopList.push(pro);
+				};
+				local(shopList);
+		};
+		function local (shopList){
+			let data=new Object();
+			data.data=shopList;
+			let setData = JSON.stringify(data);
+			//本地存储
+			localStorage.setItem('shopList',setData);
+		};
+	}
 });
 

File diff suppressed because it is too large
+ 340 - 918
template/index.html


+ 2 - 0
template/newMenu/achievement.html

@@ -190,9 +190,11 @@
                         <li>
                             <a href="#patentTitle">专利技术</a>
                         </li>
+                        <li>/</li>
                         <li>
                             <a href="#practicalTitle">实用技术</a>
                         </li>
+                        <li>/</li>
                         <li>
                             <a href="#transactionTitle">知识产权交易政策</a>
                         </li>

+ 4 - 0
template/newMenu/demand.html

@@ -179,15 +179,19 @@
                         <li>
                             <a href="#technology">企业技术需求</a>
                         </li>
+                        <li>/</li>
                         <li>
                             <a href="#industry">地区产业需求</a>
                         </li>
+                        <li>/</li>
                         <li>
                             <a href="#study">产学研合作需求</a>
                         </li>
+                        <li>/</li>
                         <li>
                             <a href="#capital">研产资金需求</a>
                         </li>
+                        <li>/</li>
                         <li>
                             <a href="#personnel">技术人才需求</a>
                         </li>

+ 14 - 5
template/newMenu/serviceDetails.html

@@ -15,8 +15,9 @@
 <body>
     <div class="header">
         <div class="container">
-            <div>
-                <a href="#">网站导航</a>
+            <div class="shopIcon">
+                <span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span><a href='#'>购物车<span class="numberTotal badge">0</span></a>
+                <span class="glyphicon glyphicon-tint tint" aria-hidden="true">
             </div>
             <div>
                 <ul>
@@ -129,11 +130,19 @@
         </div>
         <div class="serviceDetailsTxt">
             <div class="serviceDetailsTitle">
-                <h4>社会责任标准</h4>
+                <h4 class="cname">社会责任标准</h4>
                 <p><strong>所属业务种类</strong><span>品牌通</span></p>
-                <p><strong>价格</strong><span>面议</span></p>
-                <p><strong>上传者</strong><span>平台管理员</span></p>
+                <p><strong>价格</strong><span class="price">面议</span></p>
+                <div class="numberDiv">
+                    <div>数量</div>
+                    <div class="input-group">
+                        <input type="number" min="1" max="99" class="form-control" id="number" value='1'>
+                        <span>件</span>
+                    </div>
+                </div>
+                <p><strong>上传者</strong><span class="companyName">平台管理员</span></p>
             </div>
+            <a class="shopCar"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>加入购物车</a>
             <a onclick="_MEIQIA('showPanel')">点我咨询</a>
         </div>
         <div class="collection">

+ 373 - 0
template/newMenu/shopList.html

@@ -0,0 +1,373 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>购物车</title>
+</head>
+
+<body>
+    <div class="header">
+        <div class="container">
+            <div class="shopIcon">
+                <span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>
+                <a href='#'>购物车
+                    <span class="numberTotal badge">0</span>
+                </a>
+                <span class="glyphicon glyphicon-tint tint" aria-hidden="true">
+            </div>
+            <div>
+                <ul>
+                    <li>
+                        <a href="javascript:void(0)" class="head_login">登录</a>
+                    </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="colorRed">
+                全国统一服务热线:400-8800-962
+            </div>
+        </div>
+    </div>
+    <!-- search -->
+    <div class="topNavBj">
+        <div class="topNav">
+            <div class="container">
+                <div class="navHeader">
+                    <div class="logo">
+                        <a href="#">
+                            <img src="../../img/Logo111.png" alt="" title="技淘">
+                        </a>
+                    </div>
+                    <div class="logo_right"></div>
+                    <div class="nav">
+                        <ul>
+                            <li class="active">
+                                <div>
+                                    <a href="#">科技服务</a>
+                                    <ol class="subnavigation">
+                                        <li>
+                                            <a href="#">高企认定</a>
+                                        </li>
+                                        <li>
+                                            <a href="#">知识产权</a>
+                                        </li>
+                                    </ol>
+                                </div>
+                            </li>
+                            <li>
+                                <div>
+                                    <a href="#">技术交易</a>
+                                    <ol class="subnavigation">
+                                        <li>
+                                            <a href="#">专利产品</a>
+                                        </li>
+                                        <li>
+                                            <a href="#">技术成果</a>
+                                        </li>
+                                        <li>
+                                            <a href="#">技术需求</a>
+                                        </li>
+                                        <li>
+                                            <a href="#">技术评估</a>
+                                        </li>
+                                    </ol>
+                                </div>
+                            </li>
+                            <li>
+                                <div>
+                                    <a href="#">智库咨询</a>
+                                    <ol class="subnavigation">
+                                        <li>
+                                            <a href="#">智政</a>
+                                        </li>
+                                        <li>
+                                            <a href="/portal/thinkTank/index.html#zizone">智者</a>
+                                        </li>
+                                    </ol>
+                                </div>
+                            </li>
+
+                            <li>
+                                <div>
+                                    <a href="/portal/aboutUs.html">关于公司</a>
+                                    <ol class="subnavigation" style="display: none;">
+                                        <li>
+                                            <a href="#">联系我们</a>
+                                        </li>
+                                    </ol>
+                                </div>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="nav_right">
+                        <img src="../../img/newMenu/navImg.jpg" alt="">
+                        <span>国家技术转移示范机构</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="navigation">
+        <div class="container">
+            <div>购物车列表</div>
+            <div class="tabShop">
+                <table class="table table-hover">
+                    <thead>
+                        <tr>
+                            <th>
+                                <input type="checkbox">全选    
+                            </th>
+                            <th>
+                                <span>单价(万元)</span>
+                            </th>
+                            <th>
+                                <span>数量(件)</span>
+                            </th>
+                            <th>
+                                <span>小计(万元)</span>
+                            </th>
+                            <th>
+                                <span>操作</span>
+                            </th>
+                        </tr>
+                    </thead>
+                    <tbody class="shopLists">
+                        <tr>
+                                <td>aaa</td>
+                                <td>22</td>
+                            </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+    <footer>
+        <div id="bottom">
+            <div class="bottom">
+                <div class="bottom_text">
+                    <div class="text_top">
+                        <a href="/portal/aboutUs.html">关于公司</a>
+                        <a href="/portal/contactUs.html">联系我们</a>
+                        <p>Copyright © 2016-2017 科德 版权所有 湘ICP备15019731号 -2 技术支持:湖南阿凡提科技有限公司
+                        </p>
+                    </div>
+                    <div class="text_center" id="qrCode">
+                        <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>合作电话:400-8800-962</p>
+                        </div>
+                        <div class="cont_rightapp">
+                            <img src="../../img/erweima_iphone.png" alt="">
+                            <p>iPhone版</p>
+                        </div>
+                        <div class="cont_right android">
+                            <img src="../../img/erweima_android.jpg" alt="">
+                            <p>Android版</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/" target="_blank">湖南省科技厅/</a>
+                        <a href="http://www.cssti.cn/" target="_blank">长沙市科技局/</a>
+                        <a href="http://www.cast.org.cn/" target="_blank">中国科学技术协会/</a>
+                        <a href="http://www.chinatorch.gov.cn/" target="_blank">科技部火炬中心/</a>
+                        <a href="http://www.nosta.gov.cn/web/index.aspx" target="_blank">国家科技成果奖励办/</a>
+                        <a href="http://www.nast.org.cn/" target="_blank">国家科技成果网/</a>
+                        <a href="http://www.hnast.org.cn/portal/comm/index.action" target="_blank">湖南省科学技术协会/</a>
+                        <a href="http://www.hncgw.gov.cn/" target="_blank">湖南省科技成果转化公共服务平台/</a>
+                        <a href="http://www.hnjxw.gov.cn/" target="_blank">湖南省经济信息化委员会/</a>
+                        <a href="http://kyy.hnu.cn/" target="_blank">湖南大学科学技术研究院/</a>
+                        <a href="http://www.gxst.gov.cn/gxkjt/" target="_blank">广西省科技厅/</a>
+                        <a href="http://www.nmkjt.gov.cn/" target="_blank">内蒙古自治区科技厅/</a>
+                        <a href="http://www.cshtz.gov.cn/" target="_blank">长沙市高新区管委会/</a>
+                        <a href="http://www.jxas.ac.cn/" target="_blank">江西省科学院/</a>
+                        <a href="http://www.cnic.cn/front/index.html#/cnicSite/home" target="_blank">中科院计算机网络信息中心/</a>
+                        <a href="http://kxyjb.csu.edu.cn/" target="_blank">中南大学科学研究部/</a>
+                        <a href="http://www.cast.org.cn/" target="_blank">中国科协创新创业服务中心/</a>
+                        <a href="http://www.hbstd.gov.cn/" target="_blank">湖北省科技厅/</a>
+                        <a href="http://www.gdstc.gov.cn/" target="_blank">广东省科技厅/</a>
+                        <a href="http://www.hnkjt.gov.cn/" target="_blank">河南省科技厅/</a>
+                        <a href="http://www.cbtm.gov.cn/" target="_blank">技术合同登记官网</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div onclick="_MEIQIA('showPanel')" id="lxkf" style="display:none"></div>
+        <div class="pub_fix">
+            <span class="index_blur"></span>
+            <ul class="ret_top">
+                <li class="head_login">
+                    <a href="javascript:;">
+                        <img src="../../img/index_fix0.png" alt="">
+                        <p>申请会员</p>
+                    </a>
+                </li>
+                <li>
+                    <a onclick="_MEIQIA('showPanel')">
+                        <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="message">
+            <span></span>
+        </div>
+        <div class="login">
+            <div class="login_mian">
+                <div class="login_left">
+                    <div class="login_ewm">
+                        <img src="../../img/Android.jpg" alt="二维码" />
+                        <p>Android版</p>
+                        <p>客户端</p>
+                    </div>
+                    <div class="login_ewm">
+                        <img src="../../img/iPhone.jpg" alt="二维码" />
+                        <p>iPhone版</p>
+                        <p>客户端</p>
+                    </div>
+                </div>
+                <div class="login_right">
+                    <h5>用户登陆
+                        <a href="">免费注册有好礼呦!!</a>
+                    </h5>
+                    <form 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="password" name="pass" id="Lo_pass" placeholder="请输入密码" />
+                        </div>
+                        <div class="login_check">
+                            <a href="">忘记密码?</a>
+                        </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" />
+                    <img src="../../img/login_close.png" alt="" class="login_close" />
+                </div>
+            </div>
+        </div>
+        <div id="forget">
+            <div class="forget">
+                <form id="forget_form">
+                    <div class="forget_top">
+                        <a href="">忘记密码?</a>
+                        <div class="login_check">
+                            <label for="forget_checks" class="lab_check">
+                                <input type="checkbox" name="type" id="forget_checks" />专家登录
+                            </label>
+                            <label for="forget_checkst" class="lab_checkno">
+                                <input type="checkbox" name="type" id="forget_checkst" />企业登录
+                            </label>
+                        </div>
+                    </div>
+                    <div class="forget_center">
+                        <div class="phone">
+                            <label for="forget_phone">
+                                手机号码:
+                                <input type="text" name="type" id="forget_phone" placeholder="请输入您的手机号码..." />
+                            </label>
+                        </div>
+                        <div class="yanzheng">
+                            <label for="forget_yanzheng">
+                                图形验证码:
+                                <input type="text" name="type" id="forget_yanzheng" />
+                            </label>
+                            <div class="yanzhengma_cont_">
+                                <img th:src="${basePath+'/open/getVCode'}" />
+                            </div>
+                        </div>
+                        <div class="cellcode_">
+                            <div>
+                                验证码:
+                                <input type="text" name="cellCode" placeholder="手机验证码" id="photo_n" />
+                            </div>
+                            <input type="button" id="photo_m" value="获取验证码" disabled/>
+                        </div>
+                        <div class="fastener">
+                            <input type="submit" class="forget_sub" value="确认" />
+                            <div class="fastener_right">
+                                取消
+                            </div>
+                        </div>
+                    </div>
+                </form>
+                <img src="../../img/login_close.png" alt="" class="login_close" />
+            </div>
+        </div>
+        <div id="new_password">
+            <div class="new_password">
+                <form id="new_password_form">
+                    <div class="password_top">
+                        <h4>设置新密码</h4>
+                        <span>密码长度为6-20个字符,区分大小写</span>
+                    </div>
+                    <div class="password_center">
+                        <div>
+                            <label for="new_pass">
+                                新密码:
+                                <input type="text" name="type" id="new_pass" placeholder="请输入您的新密码..." />
+                            </label>
+                        </div>
+                        <div>
+                            <label for="new_pass_again">
+                                确认密码:
+                                <input type="text" name="type" id="new_pass_again" placeholder="请确认您的密码..." />
+                            </label>
+                        </div>
+                        <div class="fastener">
+                            <input type="submit" class="new_password_sub" value="确认" />
+                            <div class="fastener_right">
+                                取消
+                            </div>
+                        </div>
+                    </div>
+                </form>
+                <img src="../../img/login_close.png" alt="" class="login_close" />
+            </div>
+        </div>
+        <div class="smg">
+            <input type="text" name="msg" value="111" id="msg" />
+        </div>
+    </footer>
+</body>
+
+</html>

+ 7 - 1
webpack.config.js

@@ -32,7 +32,7 @@ module.exports = (function () {
         new HtmlWebpackPlugin({
             title: '首页',
             filename: 'html/index.html',
-            template: './template/indexNew.html',
+            template: './template/index.html',
             chunks: ['index', 'vendors']
         }),
         // new HtmlWebpackPlugin({
@@ -252,6 +252,12 @@ module.exports = (function () {
             filename: 'html/newMenu/serviceDetails.html',
             template: './template/newMenu/serviceDetails.html',
             chunks: ['newMenu/serviceDetails', 'vendors']
+        }),
+        new HtmlWebpackPlugin({
+            title: '购物车',
+            filename: 'html/newMenu/shopList.html',
+            template: './template/newMenu/shopList.html',
+            chunks: ['newMenu/shopList', 'vendors']
         })
     ];
     if (!isDev) {

+ 8 - 3
webpack/entry.config.js

@@ -1,6 +1,6 @@
 module.exports = {
     prod: {
-        'index': './src/js/index.js',
+        'index': './src/js/newMenu/index.js',
         'aboutUs': './src/js/aboutUs.js',
         'APPaboutUs': './src/js/APPaboutUs.js',
         'contactUs': './src/js/contactUs.js',
@@ -38,12 +38,13 @@ module.exports = {
         'newMenu/demandList': './src/js/newMenu/demandList.js',
         'newMenu/services': './src/js/newMenu/services.js',
         'newMenu/serviceList': './src/js/newMenu/serviceList.js',
-        'newMenu/serviceDetails': './src/js/newMenu/serviceDetails.js'
+        'newMenu/serviceDetails': './src/js/newMenu/serviceDetails.js',
+        'newMenu/shopList': './src/js/newMenu/shopList.js'
     },
     watch: {
         'index': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
-            './src/js/index.js'
+            './src/js/newMenu/index.js'
         ],
          'aboutUs': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
@@ -191,5 +192,9 @@ module.exports = {
         'webpack/hot/only-dev-server',
         './src/js/newMenu/serviceDetails.js'
         ],
+        'newMenu/shopList': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
+        'webpack/hot/only-dev-server',
+        './src/js/newMenu/shopList.js'
+        ]
     }
 };