Browse Source

维权页面

liting2017 6 years ago
parent
commit
e99dac4548

BIN
img/index/index_xuan.png


BIN
img/index_xuan.png


BIN
img/safeguarding/safeguarding01.png


BIN
img/safeguarding/safeguarding02.png


BIN
img/safeguarding/safeguarding03.png


BIN
img/safeguarding/safeguarding05.png


BIN
img/safeguarding/safeguarding06.png


BIN
img/safeguarding/safeguarding07.png


BIN
img/safeguarding/safeguarding_banner.png


BIN
img/safeguarding/safeguarding_deng01.png


BIN
img/safeguarding/safeguarding_deng03.png


BIN
img/safeguarding/safeguarding_deng04.png


BIN
img/safeguarding/safeguarding_deng05.png


BIN
img/safeguarding/safeguarding_deng06.png


+ 3 - 2
src/css/newMenu/header.css

@@ -78,13 +78,14 @@
 }
 
 .navHeader .logo_right {
-	margin-top: 10px;
+	margin-top: 14px;
 	float: left;
 	padding-left: 20px;
 	width: 150px;
 	height: 75px;
 	background: url("../../../img/index/index_xuan.png") no-repeat center center;
-	margin-left: 10px;
+    margin-left: 10px;
+    background-size:100% 100%; 
 }
 
 .navHeader .nav {

+ 85 - 0
src/css/newMenu/safeguarding.css

@@ -0,0 +1,85 @@
+*{
+    font-family: '微软雅黑';
+}
+.continueHighBanner{
+    width: 100%;
+}
+.continueHighBanner img{
+    width: 100%;
+}
+.safeguardingBody{
+    margin-bottom: 100px;
+}
+.container>h3{
+    color: #333333;
+    font-weight: 700;
+    font-size: 26px;
+    padding-top: 92px;
+    padding-bottom: 42px;
+    padding-left: 18px;
+}
+.safeguardingBody li{
+    display: -webkit-flex;
+    display: flex;
+    justify-content: space-between;
+    position: relative;
+}
+.safeguardingBody li .listImg{
+    padding: 0 22px;
+    width: 478px;
+    margin-bottom: 30px;
+    text-align: center;
+}
+.safeguardingBody li .listImg img{
+    width: 100%;
+}
+.safeguardingBody li .listImg img:nth-child(2){
+   margin-top: 15px;
+}
+.safeguardingBody li:nth-child(1) .listImg{
+    padding: 0px
+}
+
+.safeguardingBody li .listTxt{
+    position: absolute;
+    height: 100%;
+    width: 672px;
+    right: 0;
+    top: 0;
+    z-index: 10;
+    display: flex;
+    display: -webkit-flex;
+    border-left: 2px solid #999999;
+    justify-content: space-between;
+}
+.safeguardingBody li .listTxt div img{
+    margin-left: -32px;
+    margin-top: 25px;
+}
+.safeguardingBody li:last-child  .listTxt div img{
+    margin-left: -28px;
+}
+.safeguardingBody li .listTxt .listTxtGrounp{
+    width: 610px;
+}
+.listTxtGrounp h4{
+    font-size: 22px;
+    color: #333333;
+    padding-top: 25px;
+    margin-bottom: 3px;
+}
+.listTxtGrounp small{
+    font-size: 13px;
+    color: #666666;
+    display: inline-block;
+    margin-bottom: 6px;
+}
+.listTxtGrounp small .red{
+    color: #ff3333;
+}
+.listTxtGrounp p{
+    font-size: 18px;
+    color: #666666;
+    line-height: 28px;
+    text-align: justify;
+}

+ 22 - 0
src/js/newMenu/safeguarding.js

@@ -0,0 +1,22 @@
+import 'css/bootstrap.less';
+import 'bootstrap/dist/js/bootstrap.js';
+import 'css/newMenu/public.css';
+import 'css/newMenu/header.css'
+import 'css/newMenu/safeguarding.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');
+                }
+        });
+    }
+ })
+

+ 2 - 2
template/newMenu/achievement.html

@@ -7,10 +7,10 @@
     <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/bootstrap.css">
     <link rel="stylesheet" href="../../src/css/newMenu/public.css">
     <link rel="stylesheet" href="../../src/css/newMenu/header.css">
-    <link rel="stylesheet" href="../../src/css/newMenu/achievement.css"> -->
+    <link rel="stylesheet" href="../../src/css/newMenu/safeguarding.css">
 
 </head>
 

+ 621 - 0
template/newMenu/safeguarding.html

@@ -0,0 +1,621 @@
+<!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>
+<!-- <link rel="stylesheet" href="../../src/css/bootstrap.css">
+<link rel="stylesheet" href="../../src/css/newMenu/header.css">
+<link rel="stylesheet" href="../../src/css/newMenu/public.css">
+<link rel="stylesheet" href="../../src/css/newMenu/safeguarding.css"> -->
+<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="#">高企服务</a>
+						<a href="#">科技项目</a>
+					</p>
+					<p>
+						<a href="#">知识产权</a>
+						<a href="#">合作客户</a>
+					</p>
+					<p>
+						<a href="#">企业认证</a>
+						<a href="#">服务能力</a>
+					</p>
+					<p>
+						<a href="#">管理体系</a>
+						<a href="#">服务流程</a>
+					</p>
+					<p>
+						<a href="#">品牌通</a>
+					</p>
+				</li>
+				<li>
+					<div>知识产权交易</div>
+					<span>
+						<img src="../../img/index/index_webkit3.png" alt="">
+					</span>
+					<p>
+						<a href="#">热门关注</a>
+						<a href="#">最新需求</a>
+					</p>
+					<p>
+						<a href="#">最新发布</a>
+						<a href="#">热门需求</a>
+					</p>
+					<p>
+						<a href="#">专利技术</a>
+						<a href="#">企业技术需求</a>
+					</p>
+					<p>
+						<a href="#">实用技术</a>
+						<a href="#">技术人才需求</a>
+					</p>
+					<p>
+						<a href="#">知识产权交易政策</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="#">智者</a>
+					</p>
+				</li> -->
+				<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>
+				</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="continueHighBanner">
+        <img src="../../img/safeguarding/safeguarding_banner.png" alt="">
+    </div>
+    <div class="container">
+        <h3>维权百科</h3>
+        <ul class="safeguardingBody">
+            <li>
+                <div class="listImg">
+                    <img src="../../img/safeguarding/safeguarding01.png" alt="">
+                </div>
+                <div class="listTxt">
+                    <div>
+                        <img src="../../img/safeguarding/safeguarding_deng01.png" alt="" >
+                    </div>
+                    <div class="listTxtGrounp">
+                        <div>
+                            <h4>低价乱象</h4>
+                            <small><span class="red">Low price chaos / </span>Conception</small>
+                            <p>低价是指经销商未按照品牌商或厂家指导价格,低于指导价格进行网络销售的行为。对品牌商整体的价格体系造成巨大的冲击,严重紊乱了原有经销商的体系。</p>
+                        </div>
+                        <div>
+                            <h4>危害</h4>
+                            <small><span class="red">Low price chaos / </span>Harm</small>
+                            <p>商家为谋求薄利多销,低于市场价格销售,其他商家跟风盛行,导致商家之间展开价格拉锯战,最后厂家无利可谋。</p>
+                        </div>
+                    </div>
+                </div>
+            </li>
+            <li>
+                <div class="listImg">
+                    <img src="../../img/safeguarding/safeguarding02.png" alt="">
+                </div>
+                <div class="listTxt">
+                    <div>
+                        <img src="../../img/safeguarding/safeguarding_deng03.png" alt="" >
+                    </div>
+                    <div class="listTxtGrounp">
+                        <div>
+                            <h4>未授权</h4>
+                            <small><span class="red">Unauthorized sales / </span>Conception</small>
+                            <p>非授权销售是指没有预先经过品牌方允许,个人或者公司私自在网上开店进行销售;线下的经销商未经允许私自在网上开店进行销售同样是非授权销售的一种。</p>
+                        </div>
+                        <div>
+                            <h4>危害</h4>
+                            <small><span class="red">Unauthorized sales / </span>Harm</small>
+                            <p>降低线上授权商家的积极性,导致线上授权商家抱怨。非授权店铺大肆倾销产品,品牌价格体系遭到严重破坏。导致经销商对品牌方丧失信心,招商难上加难。</p>
+                        </div>
+                    </div>
+                </div>
+            </li>
+            <li>
+                <div class="listImg">
+                    <img src="../../img/safeguarding/safeguarding03.png" alt="">
+                </div>
+                <div class="listTxt">
+                    <div>
+                        <img src="../../img/safeguarding/safeguarding_deng04.png" alt="" >
+                    </div>
+                    <div class="listTxtGrounp">
+                        <div>
+                            <h4>商标侵权</h4>
+                            <small><span class="red">Trademark infringement / </span>Conception</small>
+                            <p>1.未经商标注册人的许可,在同一种商品或者类似商品上使用与其注册商标相同或者近似的商标的 </p>
+                            <p>2.销售侵犯注册商标专用权的商品的 </p>
+                            <p>3.伪造、擅自制造他人注册商标标识或者销售伪造、擅自制造的注册商标标识</p>
+                            <p>4.未经商标注册人同意,更换其注册商标并将该更换商标的商品又投入市场 </p>
+                            <p>5.给他人的注册商标专用权造成其他损害的行为</p>
+                        </div>
+                    </div>
+                </div>
+            </li>
+            <li>
+                <div class="listImg">
+                    <img src="../../img/safeguarding/safeguarding05.png" alt="">
+                </div>
+                <div class="listTxt">
+                    <div>
+                        <img src="../../img/safeguarding/safeguarding_deng05.png" alt="" >
+                    </div>
+                    <div class="listTxtGrounp">
+                        <div>
+                            <h4>专利侵权</h4>
+                            <small><span class="red">patent infringement / </span>Conception</small>
+                            <p>1.未经许可制造专利产品的行为</p>
+                            <p>2.故意使用发明或实用新型专利产品的行为</p>
+                            <p>3.销售、许诺销售未经许可的专利产品的行为</p>
+                            <p>4.使用专利方法以及使用、销售、许诺销售依照专利方法直接获得的产品的行为</p>
+                            <p>5.进口专利产品或进口依照专利方法直接得的产品的行为</p>
+                            <p>6.假冒他人专利的行为</p>
+                            <p>7.冒充专利的行为</p>
+                        </div>
+                    </div>
+                </div>
+            </li>
+            <li>
+                <div class="listImg">
+                    <img src="../../img/safeguarding/safeguarding06.png" alt="">
+                    <img src="../../img/safeguarding/safeguarding07.png" alt="">
+                </div>
+                <div class="listTxt">
+                    <div>
+                        <img src="../../img/safeguarding/safeguarding_deng06.png" alt="" >
+                    </div>
+                    <div class="listTxtGrounp">
+                        <div>
+                            <h4>著作侵权</h4>
+                            <small><span class="red">Copyright infringement / </span>Conception</small>
+                            <p>1.未经著作权人许可,发表其作品的</p>
+                            <p>2.未经合作作者许可,将与他人合作创作的作品当作自己单独创作的作品发表的</p>
+                            <p>3.没有参加创作,为谋取个人名利,在他人作品上署名的</p>
+                            <p>4.歪曲、篡改他人作品的</p>
+                            <p>5.剽窃他人作品的</p>
+                            <p>6.未经著作权人许可,以展览、摄制电影和以类似摄制电影的方法使用作品,或者以改编、翻译、注释等方式使用作品的,本法另有规定的除外</p>
+                            <p>7.使用他人作品,应当支付报酬而未支付的</p>
+                            <p>8.未经电影作品和以类似摄制电影的方法创作的作品、计算机软件、录音录像制品的著作权人或者与著作权有关的权利人许可,出租其作品或者录音录像制品的,本法另有规定的除外</p>
+                            <p>9.未经出版者许可,使用其出版的图书、期刊的版式设计的</p>
+                            <p>10.未经表演者许可,从现场直播或者公开传送其现场表演,或者录制其表演的</p>
+                            <p>11.其他侵犯著作权以及与著作权有关的权益的行为</p>
+                        </div>
+                    </div>
+                </div>
+            </li>
+        </ul>
+    </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">
+                <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>
+</html>

+ 6 - 0
webpack.config.js

@@ -318,6 +318,12 @@ module.exports = (function () {
             filename: 'html/newMenu/militaryProjectApp.html',
             template: './template/newMenu/landingPage/militaryProjectApp.html',
             chunks: ['newMenu/militaryProjectApp', 'vendors']
+        }),
+        new HtmlWebpackPlugin({
+            title: '维权',
+            filename: 'html/newMenu/safeguarding.html',
+            template: './template/newMenu/safeguarding.html',
+            chunks: ['newMenu/safeguarding', 'vendors']
         })
     ];
     if (!isDev) {

+ 6 - 1
webpack/entry.config.js

@@ -49,7 +49,8 @@ module.exports = {
         'newMenu/militaryProject': './src/js/newMenu/continueHigh.js',
         'newMenu/continueHighApp': './src/js/newMenu/continueHighApp.js',
         'newMenu/militaryProjectApp': './src/js/newMenu/continueHighApp.js',
-        'newMenu/practicalPatentApp': './src/js/newMenu/continueHighApp.js'
+        'newMenu/practicalPatentApp': './src/js/newMenu/continueHighApp.js',
+        'newMenu/safeguarding': './src/js/newMenu/safeguarding.js'
     },
     watch: {
         'index': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
@@ -245,6 +246,10 @@ module.exports = {
         'newMenu/practicalPatentApp': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
         'webpack/hot/only-dev-server',
         './src/js/newMenu/continueHighApp.js'
+        ],
+        'newMenu/safeguarding': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
+        'webpack/hot/only-dev-server',
+        './src/js/newMenu/safeguarding.js'
         ]
     }
 };