liting2017 6 years ago
parent
commit
2988bdd887
3 changed files with 342 additions and 250 deletions
  1. 2 0
      src/css/newMenu/header.css
  2. 3 1
      src/js/newMenu/serviceList.js
  3. 337 249
      template/newMenu/patent.html

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

@@ -9,10 +9,12 @@
 .topNav{
     width: 100%;
     height: 125px;
+    background: #ffffff;
 }
 .topFixHeight{
     height: 125px;
     width: 100%;
+    background: #ffffff;
 }
 .topNav.navFix{
     position: fixed;

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

@@ -147,6 +147,8 @@ $(function () {
                     for (let i = 0; i < nub; i++) {
                         let thisdata = data.data.list[i],
                              news = formatDuring(times)-formatDuring(thisdata.releaseDate);
+                             var introd=thisdata.introduce?(thisdata.introduce).replace(/<\/?.+?>/g,""):thisdata.introduce;
+                                //  introduceTxt=introd.replace(/ /g,"");
                         theArrs.push(`
                         <li>
                             <a href="${globalConfig.context}/portal/service/serviceDetail?id=${thisdata.id?thisdata.id:''}">
@@ -160,7 +162,7 @@ $(function () {
                                     </div>
                                     <div class="hr"></div>
                                     <div class="btnTxt">
-                                        <p>${thisdata.introduce!=null?thisdata.introduce:'暂无介绍'}</p>
+                                        <p>${thisdata.introduce!=null?introd:'暂无介绍'}</p>
                                     </div>
                                 </div>
                             </a>

+ 337 - 249
template/newMenu/patent.html

@@ -13,205 +13,208 @@
 </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="topFixHeight">
         <div class="topNav">
-            <div class="container">
-                <div class="navHeader">
-                    <div class="logo">
-                        <a href="#">
-                            <img src="../../img/Logo111.png" alt="" title="技淘">
+            <div class="header">
+                <div class="container">
+                    <div class="navigationList webkitHover">
+                        <a>网站导航
+                            <span class="webkitDown"></span>
                         </a>
                     </div>
-                    <div class="logo_right"></div>
-                    <div class="nav">
+                    <div>
                         <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 class="blue">
+                                全国统一服务热线:400-8800-962
                             </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>
+                                <a href="javascript:void(0)" class="head_login">登录</a>
                             </li>
                             <li>
-                                <div>
-                                    <a href="#">知识产权维权</a>
-                                </div>
+                                <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>
-                            <!-- <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="topHeader">
+                    <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">
@@ -234,7 +237,9 @@
                                     </ol>
                                 </div>
                             </li> -->
-                        </ul>
+                                </ul>
+                            </div>
+                        </div>
                     </div>
                 </div>
             </div>
@@ -248,59 +253,134 @@
             <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>
+                    <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>
+                            <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>
+                            <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>
+                            <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>
+                            <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>
+                            <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>
+                            <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>
@@ -310,17 +390,17 @@
     </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 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 class="RecommendTitle">
             <h2>最新发布</h2>
@@ -336,7 +416,9 @@
                         <div class="triangle_border_up"></div>
                         <div class="wrapperTxt">
                             <h4>版权转让</h4>
-                            <p>湖南阿凡提有限公司<span></span> </p>
+                            <p>湖南阿凡提有限公司
+                                <span></span>
+                            </p>
                         </div>
                     </div>
                 </a>
@@ -350,7 +432,9 @@
                         <div class="triangle_border_up"></div>
                         <div class="wrapperTxt">
                             <h4>版权转让</h4>
-                            <p>湖南阿凡提有限公司<span></span> </p>
+                            <p>湖南阿凡提有限公司
+                                <span></span>
+                            </p>
                         </div>
                     </div>
                 </a>
@@ -364,7 +448,9 @@
                         <div class="triangle_border_up"></div>
                         <div class="wrapperTxt">
                             <h4>版权转让</h4>
-                            <p>湖南阿凡提有限公司<span></span> </p>
+                            <p>湖南阿凡提有限公司
+                                <span></span>
+                            </p>
                         </div>
                     </div>
                 </a>
@@ -378,7 +464,9 @@
                         <div class="triangle_border_up"></div>
                         <div class="wrapperTxt">
                             <h4>版权转让</h4>
-                            <p>湖南阿凡提有限公司<span></span> </p>
+                            <p>湖南阿凡提有限公司
+                                <span></span>
+                            </p>
                         </div>
                     </div>
                 </a>
@@ -404,7 +492,7 @@
                     <a href="#">
                         <p>发明专利</p>
                         <div>
-                                <img src="../../img/patent/patentFmInit.jpg" alt="">
+                            <img src="../../img/patent/patentFmInit.jpg" alt="">
                         </div>
                     </a>
                 </li>
@@ -412,13 +500,13 @@
                     <a href="#">
                         <p>发明专利</p>
                         <div>
-                                <img src="../../img/patent/patentFmInit.jpg" alt="">
+                            <img src="../../img/patent/patentFmInit.jpg" alt="">
                         </div>
                     </a>
                 </li>
             </ul>
             <a href="#" class="more">MORE
-                    <span></span>
+                <span></span>
             </a>
         </div>
     </div>
@@ -461,12 +549,12 @@
                         <p>发明专利</p>
                     </a>
                 </li>
-            </ul> 
+            </ul>
             <a href="#" class="more">MORE
                 <span></span>
             </a>
             <div class="copyright">
-                <h3 >版权服务</h3>
+                <h3>版权服务</h3>
                 <ul>
                     <li>
                         <a href="#">
@@ -527,7 +615,7 @@
                     </a>
                 </li>
                 <li>
-                     <a href="#">
+                    <a href="#">
                         <div class="EncyclopediasImg">
                             <img src="../../img/initPic/achievementInit.jpg" alt="">
                         </div>
@@ -553,7 +641,7 @@
                 <span></span>
             </a>
         </div>
-        
+
     </div>
     <footer>
         <div id="bottom">
@@ -642,9 +730,9 @@
                         <p>400-8800-962</p>
                     </div>
                 </li>
-                <li >
+                <li>
                     <a>
-                        <span class="glyphicon glyphicon-send"></span> 
+                        <span class="glyphicon glyphicon-send"></span>
                     </a>
                     <div class="phoneTxt">
                         <p>公众号</p>
@@ -797,7 +885,7 @@
     </footer>
 </body>
 
- <!-- <script src="../../src/js/jquery-2.1.0.js"></script>
+<!-- <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> -->