liting2017 vor 6 Jahren
Ursprung
Commit
5c33694c00

BIN
img/patent/patent_menu1.png


BIN
img/patent/patent_menuBj.jpg


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

@@ -91,6 +91,16 @@
     display: -webkit-flex;
     justify-content: space-around;
 }
+.indexNav ul li a{
+    display: inline-block;
+}
+.indexNav ul li:hover img{
+    transform: rotateY(360deg);
+    transition: all 1s ease-in-out;
+}
+.indexNav ul li:hover P{
+    color:#1697e9;
+}
 .indexNav ul li p{
     text-align: center;
     font-size: 16px;
@@ -235,6 +245,7 @@
     width: 54px;
     height: 4px;
     background: #1697e9;
+    transition: all .2s ease-in;
 }
 .RecommendBody {
     margin-top: 22px;

+ 239 - 0
src/css/newMenu/patent.css

@@ -0,0 +1,239 @@
+.menuPosition {
+    width: 100%;
+    height: 500px;
+    position: relative;
+    z-index: 10;
+}
+.menuPosition .carousel{
+    width: 100%;
+    height: 500px;
+}
+.menuPosition .carousel img{
+    width: 100%;
+    height: 100%;
+    display: inline-block;
+    position: absolute;
+    top: 0;
+    left: 0;
+}
+.patentMenu{
+    width: 1164px;
+    position: absolute;
+    top: 0;
+    left: 50%;
+    transform: translateX(-50%);
+    height: 440px;
+    background: #ffffff;
+    border-top: 1px solid #e0e0e0;
+}
+.patentMenu .firstMenu{
+    position: absolute;
+    z-index: 20;
+    width: 198px;
+    height: 455px;
+    top: -13px;
+    left: 0;
+    border-radius: 10px 10px 0 0 ;
+}
+.patentMenu .firstMenu>p{
+    width: 100%;
+    height: 72px;
+    border-radius: 10px 10px 0 0 ;
+    text-align: center;
+    background: url(../../../img/patent/patent_menu1.png)no-repeat;
+    background-size:100% 100%; 
+}
+.firstMenu ul li {
+    width: 100%;
+    height: 127px;
+    text-align: center;
+    border-right: 1px solid #e0e0e0;
+    border-bottom: 1px solid #e0e0e0; 
+}
+.firstMenu ul li.active{
+    border-right: 1px solid transparent;
+}
+.firstMenu ul li.active p {
+    color: #1797e9;
+}
+.firstMenu ul li.active span{
+    color: #1797e9;
+    border-color: #1797e9;
+}
+.firstMenu ul li>p{
+    height: 127px;
+    font-size: 18px;
+    color: #7a7878;
+    line-height: 127px;
+}
+.firstMenu ul li>p span{
+    display: inline-block;
+    height: 20px;
+    line-height: 18px;
+    color:#7a7878;
+}
+.firstMenu ul li .circl{
+    display: inline-block;
+    width: 20px;
+    height:20px;
+    border: 1px solid #7a7878;
+    border-radius: 50%;
+    font-size: 10px;
+    vertical-align: middle;
+    margin-right: 10px;
+    margin-top: -2px;
+}
+.firstMenu ul li:hover{
+    cursor: pointer;
+}
+.firstMenu ul li .direction{
+     width: 10px ;
+     height: 10px;
+     display: inline-block;
+     margin-left: 14px;
+     border-left: 2px solid #7a7878;
+     border-top: 2px solid #7a7878;
+     transform: rotate(135deg)
+}
+.secondMenu{
+    position: absolute;
+    right: 0;
+    top: 0;
+    height: 100%;
+    width: 960px;
+}
+.secondMenu ul li{
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 50;
+    display: flex;
+    display: -webkit-flex;
+    justify-content: flex-start;
+    display: none;
+    
+}
+.secondMenu ul li div{
+    width: 180px;
+    height: 300px;
+    margin-top:44px;
+    border-left:  1px dotted #e0e0e0;
+    text-align: center;
+   
+}
+.secondMenu ul li.active{
+    display: block;
+}
+.secondMenu ul li div:first-child{
+    border-left: none;
+}
+
+.secondMenu ul li div p a{
+   display: inline-block;
+   margin-bottom: 45px!important;
+   color: #7a7878;
+}
+.secondMenu ul li div  p:nth-child(1) a{
+    margin-top: 10px;
+}
+.secondMenu ul li div p a:hover{
+    color: #1797e9;
+}
+.secondMenu ul li div p {
+    width: 100%;
+    overflow: hidden;
+    padding: 0 5px;
+}
+.secondMenu .menuBj{
+    width: 130px;
+    height: 110px;
+    background: url(../../../img/patent/patent_menuBj.jpg)no-repeat;
+    background-size:100% 100%;
+    position: absolute;
+    right: 13px;
+    bottom: 60px; 
+}
+/* 搜索 */
+.indexSearch{
+    width: 743px;
+    height: 36px;
+    margin: 10px auto 0;
+}
+
+.indexSearch .search-inp{
+    clear: both;
+    width:635px;
+    height: 36px;
+}
+
+.indexSearch .demandSearch{
+    width: 530px;
+    height: 36px;
+    line-height: 34px;
+}
+.indexSearch .searchBtn{
+    height: 36px;
+    line-height: 22px;
+    background: #1697e9;
+    border: 1px solid #1697e9;
+    color: #ffffff;
+}
+.indexSearch .searchBtn img{
+    width: 25px;height: 24px;
+    vertical-align: top
+}
+.indexSearch .search-inp{
+    float: left;
+}
+
+
+.indexSearch .search-inp .input-group{
+    width: 530px;
+}
+.form-control,.btn{
+    border-radius: 0;
+}
+.indexSearch .search-inp .input-group .input-group-btn{
+    width: 104px;
+}
+.indexSearch .search-inp .input-group .input-group-btn button{
+    width: 104px;;
+    font-size: 18px;
+}
+.indexSearch .apply{
+    cursor: pointer;
+    float: right;
+    width: 105px;
+    height: 36px;
+    line-height: 36px;
+    text-align: center;
+    font-size: 18px;
+    color: #ffffff;
+    background: #ffac2a;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

+ 4 - 1
src/css/newMenu/public.css

@@ -855,4 +855,7 @@ input:-webkit-autofill {
 .carousel img{
 	width: 100%;
 }
-
+.RecommendTitle:hover span,.patentTitle:hover span{
+	width: 120px;
+	transition: all .5s ease-in-out;
+}

+ 20 - 0
src/js/newMenu/patent.js

@@ -0,0 +1,20 @@
+// import 'css/bootstrap.less';
+// import 'bootstrap/dist/js/bootstrap.js';
+// import 'css/newMenu/public.css';
+// import 'css/newMenu/header.css'
+// import 'css/newMenu/patent.css';
+// import 'js/public.js';
+
+$(function(){
+    navTop();
+    function navTop() {
+        $(window).scroll(function(){
+            var scrolltop=$(document).scrollTop();
+                if(scrolltop>40){
+                    $('.topNav').addClass('navFix')
+                }else{
+                    $('.topNav').removeClass('navFix');
+                }
+        });
+    }
+})

+ 3 - 1
src/js/newMenu/shopList.js

@@ -26,7 +26,9 @@ $(function(){
                 $('.totalFooter').hide();
                 $('.shopNull').show();
             }
-            
+        }else{
+            $('.totalFooter').hide();
+            $('.shopNull').show();
         }
     };
     function list(data){

+ 573 - 0
template/newMenu/patent.html

@@ -0,0 +1,573 @@
+<!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>
+    <link rel="stylesheet" href="../../src/css/bootstrap.css">
+    <link rel="stylesheet" href="../../src/css/newMenu/patent.css">
+    <link rel="stylesheet" href="../../src/css/newMenu/public.css">
+    <link rel="stylesheet" href="../../src/css/newMenu/header.css">
+</head>
+
+<body>
+    <div class="header">
+		<div class="container">
+			<div class="navigationList webkitHover">
+				<a>网站导航
+					<span class="webkitDown"></span>
+				</a>
+			</div>
+			<div>
+				<ul>
+                    <li class="blue">
+                        全国统一服务热线:400-8800-962
+                    </li>    
+					<li>
+						<a href="javascript:void(0)" class="head_login">登录</a>
+					</li>
+					<li>
+						<a href="#">注册</a>
+					</li>
+					<li class="shopIcon">
+						<a href="#">
+							<img src="../../img/index/index_shopCar.jpg" alt="">购物车(<span class="numberTotal">0</span>)件 </a>
+                        <span class="glyphicon glyphicon-tint tint" aria-hidden="true"></span>
+					</li>
+				</ul>
+			</div>
+		</div>
+		<div class="navWrapper webkitHover">
+			<ol>
+				<li>
+					<div>知识产权申请</div>
+					<span>
+						<img src="../../img/index/index_webkit1.png" alt="">
+					</span>
+					<p>
+						<a href="#">最新发布</a>
+					</p>
+					<p>
+						<a href="#">专利服务</a>
+					</p>
+					<p>
+						<a href="#">商标服务</a>
+					</p>
+					<p>
+						<a href="#">版权服务</a>
+					</p>
+					<p>
+						<a href="#">知产百科</a>
+					</p>
+
+				</li>
+				<li>
+					<div>知识产权赚钱</div>
+					<span>
+						<img src="../../img/index/index_webkit2.png" alt="">
+					</span>
+					<p>
+						<a href="#serviceHigh">高企服务</a>
+						<a href="#serviceProject">科技项目</a>
+					</p>
+					<p>
+						<a href="#serviceProperty" >知识产权</a>
+						<a href="#serviceCustomer">合作客户</a>
+					</p>
+					<p>
+						<a href="#serviceAuthentication">企业认证</a>
+						<a href="#serviceAbility">服务能力</a>
+					</p>
+					<p>
+						<a href="#serviceAdministration">管理体系</a>
+						<a href="#serviceProcess">服务流程</a>
+					</p>
+					<p>
+						<a href="#serviceBrand">品牌通</a>
+					</p>
+				</li>
+				<li>
+					<div>知识产权交易</div>
+					<span>
+						<img src="../../img/index/index_webkit3.png" alt="">
+					</span>
+					<p>
+						<a href="#trandingIndexAchievement">转换技术成果</a>
+					</p>
+					<p>
+						<a href="#trandingIndexDiff">解决技术难题</a>
+					</p>
+					<p>
+						<a href="#trandingIndexPolicy">知识产权交易政策</a>
+					</p>
+					<p>
+						<a href="#trandingIndexExpert">权威专家</a>
+					</p>
+				</li>
+				<li>
+					<div>知识产权维权</div>
+					<span>
+						<img src="../../img/index/index_webkit4.png" alt="">
+					</span>
+					<p>
+						<a href="#">最新发布</a>
+					</p>
+					<p>
+						<a href="#">专利服务</a>
+					</p>
+					<p>
+						<a href="#">商标服务</a>
+					</p>
+					<p>
+						<a href="#">版权服务</a>
+					</p>
+					<p>
+						<a href="#">知产百科</a>
+					</p>
+				</li>
+				<li>
+					<div>关于公司 </div>
+					<span>
+						<img src="../../img/index/index_webkit1.png" alt="">
+					</span>
+					<p>
+						<a href="#">公司简介</a>
+					</p>
+					<p>
+						<a href="#business">业务范围</a>
+					</p>
+					<p>
+						<a href="#honor">荣誉资质</a>
+					</p>
+					<p>
+						<a href="#development">发展历程</a>
+					</p>
+				</li>
+			</ol>
+		</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>
+                                    </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>
+                                </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>
+            </div>
+        </div>
+    </div>
+    <div class="menuPosition">
+        <div class="carousel">
+            <img src="../../img/patent/patent_banner.jpg" alt="First slide">
+        </div>
+        <div class="patentMenu">
+            <div class="firstMenu">
+                <p></p>
+                <ul>
+                    <li class="active"><p><span class="circl">P</span>专利服务<span class="direction"></span></p></li>
+                    <li><p><span class="circl">R</span>商标服务<span class="direction"></span></p></li>
+                    <li><p><span class="circl">C</span>版权服务<span class="direction"></span></p></li>
+                </ul>
+            </div>
+            <div class="secondMenu">
+                <ul>
+                    <li class="active">
+                        <div>
+                            <p><a href="#">商标</a></p>
+                            <p><a href="#">商标</a></p>
+                            <p><a href="#">商标</a></p>
+                            <p><a href="#">商标</a></p>
+                            <p><a href="#">商标</a></p>
+                        </div>
+                    </li>
+                    <li>
+                        <div>
+                            <p><a href="#">商标</a></p>
+                            <p><a href="#">商标</a></p>
+                            <p><a href="#">商标</a></p>
+                            <p><a href="#">商标</a></p>
+                            <p><a href="#">商标</a></p>
+                        </div>
+                        <div>
+                            <p><a href="#">商标</a></p>
+                            <p><a href="#">商标</a></p>
+                            <p><a href="#">商标</a></p>
+                            <p><a href="#">商标</a></p>
+                            <p><a href="#">商标</a></p>
+                        </div>
+                    </li>
+                    <li>
+                        <div>
+                            <p><a href="#">商标</a></p>
+                            <p><a href="#">商标</a></p>
+                            <p><a href="#">商标</a></p>
+                            <p><a href="#">商标</a></p>
+                            <p><a href="#">商标</a></p>
+                        </div>
+                        <div>
+                            <p><a href="#">商标</a></p>
+                            <p><a href="#">商标</a></p>
+                            <p><a href="#">商标</a></p>
+                            <p><a href="#">商标</a></p>
+                            <p><a href="#">商标</a></p>
+                        </div>
+                        <div>
+                            <p><a href="#">商标</a></p>
+                            <p><a href="#">商标</a></p>
+                            <p><a href="#">商标</a></p>
+                            <p><a href="#">商标</a></p>
+                            <p><a href="#">商标</a></p>
+                        </div>
+                    </li>
+                </ul>
+                <div class="menuBj"></div>
+            </div>
+        </div>
+    </div>
+    <div class="container">
+        <div class="indexSearch">
+			<div class="search-inp">
+				<div class="input-group">
+					<input type="text" class="form-control demandSearch" placeholder="软件著作权">
+					<span class="input-group-btn">
+						<button class="btn btn-default searchBtn" type="button">
+							<img src="../../img/newMenu/search-icon.jpg" alt=""> 搜索
+						</button>
+					</span>
+				</div>
+			</div>
+			<span class="apply head_login">申请会员</span>
+		</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_guanli">
+                            <a href="/admin/login">
+                                <img src="../../img/guanli.png" alt="">
+                                <p>管理员入口</p>
+                            </a>
+                        </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">
+            <ul>
+                <li>
+                    <a href="" class="pendent_box">
+                        <span class="glyphicon glyphicon-plane"></span>
+                    </a>
+                </li>
+                <li>
+                    <a onclick="lrminiMax();">
+                        <span class="glyphicon glyphicon-user"></span>
+                    </a>
+                </li>
+                <li class="phonefix">
+                    <a>
+                        <span class="glyphicon glyphicon-phone-alt"></span>
+                    </a>
+                    <div class="phoneTxt">
+                        <p>联系电话</p>
+                        <p>400-8800-962</p>
+                    </div>
+                </li>
+                <li >
+                    <a>
+                        <span class="glyphicon glyphicon-send"></span> 
+                    </a>
+                    <div class="phoneTxt">
+                        <p>公众号</p>
+                        <img src="../../img/erweima.jpg" alt="">
+                    </div>
+                </li>
+                <li>
+                    <a>
+                        <span class="glyphicon glyphicon-bookmark"></span>
+                    </a>
+                    <div class="phoneTxt">
+                        <p>APP</p>
+                        <div>
+                            <img src="../../img/erweima_iphone.png" alt="">
+                            <p>iPhone版</p>
+                        </div>
+                        <div>
+                            <img src="../../img/erweima_android.jpg" alt="">
+                            <p>Android版</p>
+                        </div>
+                    </div>
+                </li>
+            </ul>
+        </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>
+
+ <!-- <script src="../../src/js/jquery-2.1.0.js"></script>
+<script src="../../src/js/public.js"></script>
+<script src="../../src//js/newMenu/patent.js"></script>
+<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> -->
+
+</html>

+ 7 - 1
webpack.config.js

@@ -266,10 +266,16 @@ module.exports = (function () {
             chunks: ['newMenu/patentList', 'vendors']
         }),
         new HtmlWebpackPlugin({
-            title: '知识产权申请首页',
+            title: '知识产权交易首页',
             filename: 'html/newMenu/tradingIndex.html',
             template: './template/newMenu/tradingIndex.html',
             chunks: ['newMenu/tradingIndex', 'vendors']
+        }),
+        new HtmlWebpackPlugin({
+            title: '知识产权申请首页',
+            filename: 'html/newMenu/patent.html',
+            template: './template/newMenu/patent.html',
+            chunks: ['newMenu/patent', 'vendors']
         })
     ];
     if (!isDev) {

+ 6 - 1
webpack/entry.config.js

@@ -41,7 +41,8 @@ module.exports = {
         'newMenu/serviceDetails': './src/js/newMenu/serviceDetails.js',
         'newMenu/shopList': './src/js/newMenu/shopList.js',
         'newMenu/patentList': './src/js/newMenu/patentList.js',
-        'newMenu/tradingIndex': './src/js/newMenu/tradingIndex.js'
+        'newMenu/tradingIndex': './src/js/newMenu/tradingIndex.js',
+        'newMenu/patent': './src/js/newMenu/patent.js'
     },
     watch: {
         'index': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
@@ -205,6 +206,10 @@ module.exports = {
         'newMenu/tradingIndex': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
         'webpack/hot/only-dev-server',
         './src/js/newMenu/tradingIndex.js'
+        ],
+        'newMenu/patent': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
+        'webpack/hot/only-dev-server',
+        './src/js/newMenu/patent.js'
         ]
 
     }