liting2017 6 years ago
parent
commit
7511aa0537

BIN
img/patent/serviceDetais_moneyBj.jpg


BIN
img/patent/serviceDown.jpg


BIN
img/patent/serviceUp.jpg


+ 5 - 1
src/css/newMenu/header.css

@@ -101,12 +101,16 @@
     vertical-align: middle;
 	text-align: center;
     position: relative;
+    border-bottom:3px solid transparent;
 }
 .navHeader .nav>ul>li.active div>a{
     /* box-shadow: 0 0 15px rgb(219, 218, 218); */
     color: #0289df;
 
 }
+.navHeader .nav>ul>li.active{
+    border-color:#0289df; 
+}
 .header .blue{
     color: #1997ec;
 }
@@ -116,7 +120,7 @@
     overflow:hidden;
 }
 .navHeader .nav ul li:hover{
-    box-shadow: 0 0 15px rgb(219, 218, 218);
+   border-color: #0289df;
 }
 .navHeader .nav ul li:hover div>a{
     color: #064f87;

+ 134 - 12
src/css/newMenu/index.css

@@ -142,13 +142,13 @@
 }
 .handle ul li .handleBox .handleMask{
     overflow: hidden;
-    height: 0;
+    height:100%;
     position: absolute;
-    background: rgba(104, 127, 176, .7);
+    background: rgba(141, 150, 168, 0.5);
     width: 100%;
     bottom: 0;
     left: 0;
-    transition: all .3s ease-in-out;
+    transition: all .5s ease-in-out;
 }
 .handle ul li .handleBox .handleMask .maskTxt{
     position: absolute;
@@ -158,7 +158,7 @@
     top: 55%;
     transform: translate(-50%, -50%);
 }
-.handle ul li .handleBox .handleMask .maskTxt p{
+.handle ul li .handleBox .handleMask .maskTxt>p{
     font-size: 22px;
     color: #ffffff;
     margin-top: 20px;
@@ -169,6 +169,7 @@
     height: 2px;
     background: #b3bed7;
 }
+
 .handle ul li a{
     width: 110px;
     height: 34px;
@@ -189,10 +190,6 @@
 .handle ul li:hover{
     box-shadow: 0 4px 15px #ccc;
 }
-.handle ul li:hover .handleBox .handleMask{
-    height: 100%;
-    transition: all .2s ease-in;
-}
 .handle .more{
     clear: both;
     overflow: hidden;
@@ -202,6 +199,34 @@
     margin-top: 15px;
     margin-bottom: 64px;
 }
+.handle ul li:hover .handleBox .maskTxt {
+    top: 60px;
+    transition: all .5s ease-in-out;
+}
+.handle ul li .handleBox .maskTxt img{
+    width: 65px;
+    height: 55px;
+}
+.handle ul li:hover .handleBox .maskTxt img{
+    width: 0px;
+    height: 0px;
+    transition: all .5s ease-in-out;
+}
+.handle ul li:hover .handleBox .maskTxt .contentTxt{
+    top:100px;
+}
+.maskTxt .contentTxt{
+    width: 200px;
+    position: absolute;
+    top: 202px;
+    margin-left: -40px;
+    transition: all .5s ease-in-out;
+}
+.maskTxt .contentTxt p{
+    color:#ffffff;
+    font-size: 14px;
+    text-align: left;
+}
 .handle .more:hover{
     color: #1697e9;
 }
@@ -259,6 +284,59 @@
     height: 420px;
     text-align: center;
     background: #f9f9f9;
+    position: relative;
+}
+.RecommendTxtBottom p{
+    font-size: 22px;
+    color: #1f1f1f;
+    margin-top: 24px;
+    margin-bottom: 12px;
+    padding: 0 10px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    -o-text-overflow: ellipsis;
+    white-space: nowrap; 
+}
+.RecommendTxt .RecommendTxtImg{
+    position: relative;
+    width: 295px;
+    height: 296px;
+    overflow: hidden;
+}
+.RecommendTxt .RecommendTxtImg img{
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: inline-block;
+}
+.RecommendTxtImg .txts{
+    opacity: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(152, 154, 156, 0.7);
+    position: absolute;
+    top: 0;
+    left: 0;
+}
+.RecommendBody .RecommendTxt:hover .txts{
+    opacity: 1;
+}
+.RecommendBody .RecommendTxt:hover .txts p{
+    top: 50%;
+    transform: translate(0%,-50%);
+    transition: all .5s ease-in-out;
+}
+.RecommendTxtImg .txts p{
+    font-size: 14px;
+    color: #fff;
+    width: 200px;
+    position: absolute;
+    margin-left: -100px;
+    left: 50%;
+    top: 100%;
+    text-align: left;
 }
 .RecommendBody .RecommendImg{
     width: 586px;
@@ -301,14 +379,19 @@
     position: absolute;
     left: 50%;
     top: 50%;
-    width: 110px;
+    width: 270px;
     text-align: center;
-    transform: translate(-50%,-50%)
+    transform: translate(-50%,-50%);
+   
 }
 .RecommendImg .RecommendRemask .remaskImg div p{
     font-size: 22px;
     color: #1f1f1f;
     margin-bottom: 12px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    -o-text-overflow: ellipsis;
+    white-space: nowrap; 
 }
 .RecommendImg .RecommendRemask .remaskImg div a{
     display: inline-block;
@@ -350,12 +433,19 @@
     height: 296px;
     display: inline-block;
 }
-.RecommendBody .RecommendTxt p{
+.RecommendBody .RecommendTxt>p{
     font-size: 22px;
     color: #1f1f1f;
     margin-top: 24px;
     margin-bottom: 12px;
 }
+.RecommendTxtBottom {
+    position: absolute;
+    bottom: 0;
+    height: 122px;
+    width: 100%;
+    left: 0
+}
 .RecommendBody .RecommendTxt a{
     display: inline-block;
     width: 110px;
@@ -376,6 +466,7 @@
 }
 .RecommendTxt a:hover{
     background: #1697e9;
+    border-color: #1697e9;
     color: #ffffff;
 }
 
@@ -472,7 +563,8 @@
 .news div h4{
     font-size: 18px;
     color: #323131;
-    font-weight: normal
+    font-weight: normal;
+    margin-bottom: 24px;
 }
 .news div h4 img{
     float: right;
@@ -527,6 +619,9 @@
 .news div ul li a:hover .time{
     background: #1697e9;
 }
+.new .policy h4{
+   margin-bottom: 20px;
+}
 .new .policy>img{
     width: 565px;
     height: 115px;
@@ -543,6 +638,33 @@
 .consultation ul li{
     margin-bottom: 24px;
 }
+.news h4 a{
+    float: right;
+}
+.news h4 a span:nth-child(2){
+    width: 22px;
+    height: 22px;
+    border: 1px solid #cecece;
+    text-align: center;
+    line-height: 20px;
+    display: inline-block;
+    float: right;
+    color: #cecece
+}
+.news h4 a:hover .line{
+    background: #1697e9;
+}
+.news h4 a:hover span{
+    border-color:#1697e9;
+    color:#1697e9;
+}
+.news h4  .line{
+    vertical-align: middle;
+    width: 470px;
+    height: 1px;
+    background: #cecece;
+    display: inline-block;
+}
 .publicNumber{
     margin-top: 26px;
     display: flex;

+ 6 - 1
src/css/newMenu/patentList.css

@@ -155,6 +155,7 @@
 
 .pagination_box .totalCount {
     float: right;
+    line-height:84px;
     display: inline-block;
     margin-right: 15px;
 }
@@ -318,8 +319,9 @@
     display: none;
 }
 .inp input{
+    vertical-align:middle;
     width:40px;
-    height: 35px;
+    height: 32px;
     text-align: center;
     border-radius: 5px;
     border:1px solid #ccc;
@@ -335,6 +337,9 @@
     line-height: 52px;
     background: #f9f9f9;
 }
+footer{
+    display: none;
+}
 .searchService .input-group {
     width: 635px!important;
     height: 36px!important ;

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

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

+ 96 - 17
src/css/newMenu/serviceDetails.css

@@ -34,13 +34,23 @@
 .navigation ol li.active a{
     color: #1697ea;
 }
+.commentDetails{
+    padding-left: 26px;
+    padding-top: 15px;
+    color: #707070;
+}
+.commentDetails span{
+    display: inline-block;
+    margin-right: 20px;
+    margin-left: 10px;
+    color: #707070;
+}
 /* 主体内容 */
 .serviceDetailsImg{
     float: left;
     width: 370px;
     height: 268px;
     position: relative;
-    overflow: hidden;
     padding: 18px;
     border: 1px solid #efefef;    
 }
@@ -54,7 +64,7 @@
     display: inline-block;
     transition: all .2s ease-in-out;
 }
-.serviceDetailsImg span{
+.serviceDetailsImg>span{
     width: 46px;
     height: 40px;
     display: inline-block;
@@ -66,22 +76,19 @@
 }
 .serviceDetailsTxt{
     float: right;
-    width: 818px;
+    width: 777px;
+    margin-bottom: 30px;
 }
 .serviceDetailsTxt .serviceDetailsTitle{
-    border: 1px solid #efefef;
     padding-bottom: 20px;
 }
 .serviceDetailsTxt .serviceDetailsTitle h4{
     font-size: 18px;
     line-height: 50px;
     height: 50px;
-    padding-left: 22px;
     width: 100%;
-    background: #f9f9f9;
     color: #1f1f1f;
     font-weight: 400;
-    margin-bottom: 12px;
 }
 
 .serviceDetailsTxt .serviceDetailsTitle p.advertisement{
@@ -95,9 +102,6 @@
     white-space: nowrap;
 }
 .serviceDetailsTxt .serviceDetailsTitle p{
-    padding-left: 22px;
-}
-.serviceDetailsTxt .serviceDetailsTitle p{
     height: 36px;
     line-height: 36px;
     font-size: 12px;
@@ -131,6 +135,9 @@
     color: #1697ea;
 }
 .collection{
+    position: absolute;
+    bottom: -30px;
+    left: 0;
     overflow: hidden;
     clear: both;
     padding-left: 18px;
@@ -251,16 +258,17 @@
     clear: both;
 }
 .numberDiv .input-group{
+    vertical-align: top;
+    margin-top: 5px;
     width: 130px;
     margin-left: 85px;
 }
 .numberDiv{
-    padding-left: 22px;
     overflow: hidden;
 }
 .numberDiv div{
-    height: 34px;
-    line-height: 34px;
+    height: 36px;
+    line-height: 36px;
     font-size: 12px;
     color: #707070;
     float: left;
@@ -269,10 +277,81 @@
     display: inline-block;
     margin-right: 5px;
 }
-.numberDiv div #number{
-    width: 62px;
-    border-radius: 5px;
-    margin-right: 10px;
+.numberGrounp {
+    width: 66px;
+    height: 30px!important;
+    position: relative;
+}
+.numberGrounp #number{
+    width: 42px;
+    height: 30px;
+    border: 2px solid #dadade;
+    font-size: 14px;
+    position: absolute;
+    top: 0;
+    left: 0;
+    text-align: center
+}
+.numberDiv  .input-group>span{
+    height: 30px;
+    line-height: 30px;
+    margin-left: 5px;
+    color: #7a7878;
+    font-size: 14px;
+    display: inline-block;
+}
+.serviceDetailsTitle h4 .companyImg{
+    display: inline-block;
+    width: 23px;
+    height: 23px;
+    background: url(../../../img/shopList/shop_com.jpg) no-repeat;
+    background-size: 100% 100%;
+    margin-right: 12px;
+    vertical-align: middle;
+    margin-top: -3px;
+}
+.pagination a span{
+    color: #333;
+}
+.numberGrounp .up{
+    text-align: center;
+    color: #dadadd;
+    width:18px;
+    height: 14px;
+    display: inline-block;
+    position: absolute;
+    top: 0;
+    right: 0;
+    background: url(../../../img/patent/serviceUp.jpg)no-repeat;
+    background-size:100% 100%; 
+}
+.input-group .numberGrounp span:hover{
+    cursor: pointer;
+    box-shadow: inset 0px 0px 6px #ccc; 
+}
+.serviceDetailsTitle .moneyBj{
+    width: 530px;
+    height: 55px;
+    line-height: 55px;
+    background: url(../../../img/patent/serviceDetais_moneyBj.jpg)no-repeat;
+    background-size:100% 100%; 
+    padding-left: 8px;
+    font-size: 20px;
+    color: #ff580e;
+    margin-bottom: 10px;
+}
+.numberGrounp .down{
+    text-align: center;
+    color: #dadadd;
+    width:18px;
+    height: 14px;
+    display: inline-block;
+    position: absolute;
+    margin-top: 16px;
+    bottom: 0;
+    right: 0;
+    background: url(../../../img/patent/serviceDown.jpg)no-repeat;
+    background-size:100% 100%; 
 }
 .tabEvaluate{
     clear: both;

+ 7 - 4
src/css/newMenu/tradingIndex.css

@@ -174,6 +174,7 @@
 .patentAchievementList ul li a:hover{
     background: #1697e9;
     color: #ffffff;
+    border-color:#1697e9 
 }
 .patentAchievementList ul li:hover{
     box-shadow: 0 4px 10px #ccc;
@@ -244,6 +245,7 @@
 .patentSolveBody ul li div a:hover{
     background: #1697e9;
     color: #ffffff;
+    border-color: #1697e9;
 }
 .patentSolveBody ul li:hover{
     margin-top: -6px;
@@ -444,11 +446,12 @@
 }
 .expertList ul li h3{
     font-weight: normal;
-    font-size: 24px;
+    font-size: 20px;
+    margin-left: 8px;
     color: #1f1f1f;
-    padding: 0 18px;
-    height: 40px;
-    line-height: 40px;
+    padding: 0 10px;
+    height: 42px;
+    line-height: 42px;
     border-bottom: 1px dotted #b5b5b5;
 }
 .expertList ul li h3 span{

+ 3 - 4
src/js/newMenu/patentList.js

@@ -158,12 +158,12 @@ $(function () {
                     })
                     $('.serviceList').html(theArrs.join(''));
                     onSelect(thisdata);
-                    jump()
+                    jump();
+                    $('footer').show();
                 };
             }
         })
     }
-
     function loadDate(pageNo) {
         $('.loading').show();
         $.ajax({
@@ -191,8 +191,7 @@ $(function () {
                 if (data.data && data.data.list.length) {
                     let nub = data.data.list.length;
                     for (let i = 0; i < nub; i++) {
-                        let thisdata = data.data.list[i],
-                            news = formatDuring(times) - formatDuring(thisdata.releaseDate);
+                        let thisdata = data.data.list[i];
                         theArrs.push(`
                         <li>
                             <a href="${globalConfig.context}/portal/service/serviceDetail?id=${thisdata.id}">

+ 43 - 0
src/js/newMenu/serviceDetails.js

@@ -16,6 +16,7 @@ $(function () {
     function init(){
         heightF();
         pages();
+        add();
     }
     $('.collection p').eq(0).click(function () {
         let heart = $('.heart');
@@ -25,6 +26,38 @@ $(function () {
             collectionApi(1) //收藏
         }
     })
+     //数量加减;
+     var nub=0;
+     function add(){
+         $('.up').click(function(){
+             nub =  $(this).siblings('#number').val();
+             nub++;
+             if(nub>99){
+                 nub=99
+             }
+             $(this).siblings('#number').val(nub);
+         })
+         $('.down').click(function(){
+             nub =  $(this).siblings('#number').val();
+             nub--;
+             if(nub<1){
+                 nub=1
+             }
+             $(this).siblings('#number').val(nub);
+         })
+         $('#number').keyup(function(){
+             let val = $(this).val();
+             if(isNaN(val)){
+                 $(this).val(1)
+             };
+             if(val>99){
+                 $(this).val(99)
+             };
+             if(val<1){
+                 $(this).val(1)
+             };
+         })
+     }
     let hash = window.location.search,
         hashArr =hash.split('='),
         ids =hashArr[1];
@@ -112,7 +145,17 @@ $(function () {
                         </div>
                     </li>`);
                     };
+                    console.log(data.data)
+                    if(data.data.totalCommentCount>0){
+                        let good = ((data.data.positiveCommentCount)/(data.data.totalCommentCount)).toFixed(2)*100,
+                        middle = ((data.data.ordinaryCommentCount)/(data.data.totalCommentCount)).toFixed(2)*100,
+                        bad = ((data.data.negativeCommentCount)/(data.data.totalCommentCount)).toFixed(2)*100;
+                        $('.commentDetails').html(`
+                            评价 :<span>好评(${good+'%'})</span><span>中评(${middle+'%'})</span><span>差评(${bad+'%'})</span>
+                            `)
+                    }
                 };
+               
                 $('.numberBars').html(data.data.totalCommentCount>10?'10+':data.data.totalCommentCount)
                 $('.evaluateList>ul').empty();
                 $('.evaluateList>ul').append(theArrs.join(''));

+ 19 - 0
src/js/public.js

@@ -469,6 +469,25 @@ $(function(){
 			//本地存储
 			localStorage.setItem('shopList',setData);
 		};
+		//title处理
+		titleLen();
+		function titleLen(){
+			$('.RecommendTitle h2,.patentTitle h2').mouseenter(function(){
+				let h2Len = $(this).text(),
+					lenW =   (h2Len.length)*30;
+				$(this).siblings().css({
+					width:lenW+'px',
+					transition: 'all .5s ease-in-out'
+				})
+			})
+			$('.RecommendTitle h2,.patentTitle h2').mouseout(function(){
+				let h2Len = $(this).text(),
+					lenW =   (h2Len.length)*30;
+				$(this).siblings().css({
+					width:'54px'
+				})
+			})
+		}
 	}
 });
 

+ 15 - 5
template/index.html

@@ -263,6 +263,9 @@
 								<img src="../img/index/index_handleIcon1.png" alt="">
 								<p>专利申请</p>
 								<span></span>
+								<div class="contentTxt">
+									<p>内容区域内容区域内容区域内容区域内容区域内容区域</p>
+								</div>
 							</div>
 						</div>
 					</div>
@@ -306,9 +309,16 @@
 		</div>
 		<div class="RecommendBody">
 			<div class="RecommendTxt">
-				<img src="../img/index/index_handleI.jpg" alt="">
-				<p>高新认定</p>
-				<a href="#">立即办理</a>
+				<div class="RecommendTxtImg">
+					<img src="../img/index/index_handleI.jpg" alt="">
+					<div class="txts">
+						<p>高新认定高新认定高新认定高新认定高新认定高新认定高新认定高新认定</p>
+					</div>
+				</div>
+				<div class="RecommendTxtBottom">
+					<p>高新认定</p>
+					<a href="#">立即办理</a>
+				</div>
 			</div>
 			<div class="RecommendImg">
 				<div class="RecommendRemask">
@@ -395,7 +405,7 @@
 		<div class="news">
 			<div class="policy">
 				<h4>政策
-					<img src="../img/index/index_new1.jpg" alt="">
+					<a href="#"><span class="line"></span><span>></span></a>
 				</h4>
 				<img src="../img/index/index_new2.jpg" alt="">
 				<ul>
@@ -427,7 +437,7 @@
 			</div>
 			<div class="consultation">
 				<h4>资讯
-					<img src="../img/index/index_new1.jpg" alt="">
+					<a href="#"><span class="line"></span><span>></span></a>	
 				</h4>
 				<ul>
 					<li>

+ 1 - 1
template/newMenu/patent.html

@@ -5,7 +5,7 @@
     <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>
+    <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">

+ 12 - 6
template/newMenu/serviceDetails.html

@@ -127,16 +127,24 @@
         <div class="serviceDetailsImg">
            <img src="../../img/newMenu/achievement_11.jpg" alt="">
            <span></span>
+           <div class="collection">
+                <p><span class="heart"></span><span>收藏</span></p>
+           </div>
         </div>
         <div class="serviceDetailsTxt">
             <div class="serviceDetailsTitle">
-                <h4 class="cname">社会责任标准</h4>
+                <h4 class="cname"><span class="companyImg"></span>社会责任标准</h4>
+                <div class="moneyBj">¥1800</div>
                 <p><strong>所属业务种类</strong><span>品牌通</span></p>
                 <p><strong>价格</strong><span class="price">面议</span></p>
                 <div class="numberDiv">
                     <div>数量</div>
                     <div class="input-group">
-                        <input type="number" min="1" max="99" class="form-control" id="number" value='1'>
+                        <div class="numberGrounp">
+                            <input type="text" id="number" value='1'>
+                            <span class="up"></span>   
+                            <span class="down"></span>
+                        </div>   
                         <span></span>
                     </div>
                 </div>
@@ -145,10 +153,7 @@
             <a class="shopCar"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>加入购物车</a>
             <a onclick="_MEIQIA('showPanel')">点我咨询</a>
         </div>
-        <div class="collection">
-             <p><span class="heart"></span><span>收藏</span></p>
-             <p><img src="../../img/newMenu/serviceDetails_02.jpg" alt="">分享</p>
-        </div>
+       
         <ol class="tabEvaluate">
             <li class="active">商品描述</li>
             <li>用户评价(<span class="numberBars">0</span>)
@@ -169,6 +174,7 @@
                 </div>
             </div>
             <div class="evaluateList">
+                <div class="commentDetails">评价 :<span>好评-100%</span><span>中评-100%</span><span>差评-100%</span></div>
                 <ul>
                     <li>
                         <div class="stasf">