Преглед на файлове

知识产权交易首页增加内容及导航更改

liting2017 преди 6 години
родител
ревизия
d4b23dbf7e

BIN
img/Logo111.png


BIN
img/newMenu/index_head400.jpg


BIN
img/newMenu/index_header400.jpg


BIN
img/patent/tradingIndex_index001.jpg


BIN
img/patent/tradingIndex_index002.jpg


BIN
img/patent/tradingIndex_index003.jpg


BIN
img/patent/tradingIndex_index004.jpg


BIN
img/patent/tradingIndex_indexBj.jpg


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

@@ -75,7 +75,8 @@
 }
 /* 导航 */
 .navHeader {
-   
+    overflow: hidden;
+    width: 100%;
 }
 .navHeader .logo_photo{
     float: right;
@@ -98,7 +99,7 @@
 .carousel-indicators{
     bottom: 30px!important;
 }
-.navHeader .logo_right {
+/* .navHeader .logo_right {
 	margin-top: 15px;
 	float: left;
 	padding-left: 20px;
@@ -107,10 +108,23 @@
 	background: url("../../../img/index/index_xuan.png") no-repeat center center;
     margin-left: 10px;
     background-size:100% 100%; 
+} */
+.photoHeader{
+    width: 168px;
+    height: 35px;
+    float: right;
+    color: #ff9914;
+    font-weight:900;
+    margin-top: 2px;
+    line-height: 31px;
+}
+.photoHeader img{
+    width: 32px;
+    height: 32px;
+    vertical-align: top
 }
-
 .navHeader .nav {
-    float: left;
+    float: right;
     vertical-align: top;
     margin-top: 16px;
 	padding-left: 16px;
@@ -119,7 +133,7 @@
 .navHeader .nav>ul>li {
     float: left;
     /* width: 120px; */
-    margin-right: 20px;
+    margin-right: 50px;
     vertical-align: middle;
 	text-align: center;
     position: relative;

+ 99 - 23
src/css/newMenu/tradingIndex.css

@@ -15,7 +15,6 @@
 .patentHeader{
     width: 100%;
     height:396px;
-    background: #f3f9fc;
     position: relative;    
     margin-bottom: 77px; 
 }
@@ -60,7 +59,7 @@
     position: absolute;
     left: 0;
     top: 0;
-    width: 357px;
+    width: 272px;
     height: 360px;
     position: relative;
     display: flex;
@@ -82,7 +81,7 @@
     width: 100%;
     height: 100%;
     overflow: hidden;
-    left: 0;
+    left: 80px;
     bottom: 0;
     z-index: 30;
     background: rgba(47, 87, 176, .5);
@@ -114,7 +113,7 @@
     color: #ffffff;
     border: 2px solid #ffffff;
     line-height: 30px;
-    margin-left: 200px;
+    margin-left: 140px;
     margin-top: 47px;
 }
 .patentAchievementList .patentAchievLeft .remark a:hover{
@@ -122,22 +121,49 @@
     background: #1697e9;
     border: 2px solid #1697e9;
 }
-.patentAchievementList ul {
+
+.patentAchievementList .patentAchievRight{
     position: absolute;
     top: 0;
     right: 0;
+    width: 800px;
+    z-index: 32;
+}
+.patentAchievementList ul{
+    width: 100%;
     display: flex;
     display: -webkit-flex;
-    width: 795px;
-    justify-content: space-between;
-    z-index: 32;
+    justify-content: space-around;
+   height: 270px;
+}
+.patentAchievRight .achievementJump{
+    width: 410px;
+    height: 50px;
+    margin-top: 30px;
 }
 .patentAchievementList ul li{
     width: 254px;
     text-align: center;
-    height: 360px;
+    height: 270px;
     background: #ffffff;
 }
+.achievementJump a,.achievementJump span{
+    width: 190px;
+    height: 50px;
+    display: inline-block;
+    text-align: center;
+    line-height: 46px;
+    color: #40acff;
+    font-size: 24px;
+   cursor: pointer;
+    border: 2px solid #40acff;
+    border-radius: 5px;
+}
+.achievementJump span{
+    background: #40acff;
+    margin-left: 25px;
+    color: #fff;
+}
 .patentAchievementList ul li div{
     width: 254px;
     height: 200px;
@@ -148,9 +174,9 @@
     height: 100%;
 }
 .patentAchievementList ul li p{
-    padding: 14px 22px 30px;;
-    height: 30px;
-    line-height: 30px;
+    padding: 0px 22px 0px;
+    height: 70px;
+    line-height: 70px;
     font-size: 18px;
     color: #1f1f1f;
     text-align: left;
@@ -161,12 +187,6 @@
 }
 .patentAchievementList ul li a{
     display: inline-block;
-    width: 110px;
-    height: 34px;
-    line-height: 30px;
-    border: 2px solid #40acff;
-    color: #40acff;
-    margin-top: 40px;
 }
 .patentAchievementListBj{
     background: #f9f9f9;
@@ -176,11 +196,6 @@
     top: 50px;
     z-index: 21;
 }
-.patentAchievementList ul li a:hover{
-    background: #1697e9;
-    color: #ffffff;
-    border-color:#1697e9 
-}
 .patentAchievementList ul li:hover{
     box-shadow: 0 4px 10px #ccc;
     margin-top: -4px;
@@ -524,10 +539,71 @@
     left: 30px;
     cursor: pointer;
 }
+.demandJump{
+    width: 410px;
+    position: absolute;
+    bottom: 38px;
+    left: 50%;
+    margin-left: -60px;
+}
+.demandJump a,.demandJump span{
+    display: inline-block;
+    width: 190px;
+    height: 50px;
+    line-height: 48px;
+    border-radius: 5px;
+    color: #fff;
+    background: rgba(0, 0, 0, .3);
+    font-size: 24px;
+    cursor: pointer;
+}
+.demandJump a{
+
+}
+.demandJump span{
+    background: #1697e9;
+    margin-left: 25px;
+}
 .trandPg:hover span{
     animation:myBig .5s infinite;
     -webkit-animation:myBig .5s infinite; /* Safari 和 Chrome */
 }
+.topHeader{
+    border-bottom: 1px solid #ececec;
+}
+.Entrance {
+    clear: both;
+    margin-top: 27px;
+    margin-bottom: 44px;
+}
+.Entrance ul{
+    display: flex;
+    display: -webkit-flex;
+    justify-content: space-around;
+}
+.Entrance ul li{
+    cursor: pointer;
+    width: 284px;
+    height: 108px;
+    line-height: 108px;
+    background: url(../../../img/patent/tradingIndex_indexBj.jpg) no-repeat;
+    background-size:100% 100%; 
+    font-size: 22px;
+    color: #5e5e5e;
+}
+.Entrance ul li a{
+    color: #5e5e5e
+}
+.Entrance ul li a img{
+    margin-left: 45px;
+    margin-right: 15px;
+}
+.Entrance ul li:hover{
+    box-shadow: 0 0 20px #ccc;
+}
+.Entrance ul li:hover a{
+    color: #1697e9;
+}
 @keyframes myBig{
     0%{transform: scale(1);box-shadow:0 0px 2px #ccc; }
     50%{transform: scale(1.2);box-shadow:0 6px 20px #606363;}

+ 5 - 4
src/js/newMenu/adviserList.js

@@ -207,16 +207,17 @@ $(function () {
             };
             e.preventDefault();
             e.stopPropagation();
-            let nub=parseInt($(this).siblings().text()),
+            let nub=parseInt($(this).siblings('.nubCollect').text()),
                 heart = $(this),
-                id=$(this).parents('.txt').attr('data-id')
+                id=$(this).parents('.txt').attr('data-id');
+                console.log(nub)
              if (heart.hasClass('active')) {
                  $(this).removeClass('active')
-                 $(this).siblings().text(nub-1);
+                 $(this).siblings('.nubCollect').text(nub-1);
                  collectionApi(0,id,nub) //取消关注
              } else {
                  $(this).addClass('active');
-                 $(this).siblings().text(nub+1);
+                 $(this).siblings('.nubCollect').text(nub+1);
                  collectionApi(1,id,nub) //关注
              }
          })

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

@@ -13,6 +13,17 @@ import 'js/public.js';
         banner();
     };
     //轮播
+    navTop();
+    function navTop() {
+        $(window).scroll(function(){
+            var scrolltop=$(document).scrollTop();
+                if(scrolltop>0){
+                    $('.topNav').addClass('navFix')
+                }else{
+                    $('.topNav').removeClass('navFix');
+                }
+        });
+    }
     function banner(){
          $('#myCarousel').carousel({
             interval: 4000

+ 21 - 0
src/js/newMenu/tradingIndex.js

@@ -36,5 +36,26 @@ $(function(){
                 window.location.href= globalConfig.context+'/user/account/index.html#/evaluate';
             }
         })
+        $('.hasAchievement,.relAchievement').click(function(){
+            let loginTxt=$('.head_login')[0];
+            if(loginTxt&&($(loginTxt).text())=='登录'){
+                $('.head_login').click();
+                window.location.hash='jump';
+                return false;
+            }else{
+                window.location.href= globalConfig.context+'/user/account/index.html#/achievement';
+            }
+        })
+        $('.hasDemand,.relDemand').click(function(){
+            let loginTxt=$('.head_login')[0];
+            if(loginTxt&&($(loginTxt).text())=='登录'){
+                $('.head_login').click();
+                window.location.hash='jump';
+                return false;
+            }else{
+                window.location.href= globalConfig.context+'/user/account/index.html#/demand';
+            }
+        })
+        
     }
 })

+ 31 - 0
template/newMenu/tradingIndex.html

@@ -15,6 +15,7 @@
 <body>
     <div class="header">
 		<div class="container">
+            <div class="photoHeader"><img src="../../img/newMenu/index_header400.jpg" alt="">400-8800-962</div>
 			<div class="navigationList webkitHover">
 				<a>网站导航
 					<span class="webkitDown"></span>
@@ -243,6 +244,36 @@
     <div class="carousel">
         <img src="../../img/patent/patent_banner.jpg" alt="First slide">
     </div>
+
+
+    <div class="Entrance container">
+        <ul>
+            <li>
+                <a href="">
+                    <img src="../../img/patent/tradingIndex_index001.jpg" alt="">
+                    <span>技术成果</span>
+                </a>
+            </li>
+            <li>
+                <a href="">
+                    <img src="../../img/patent/tradingIndex_index002.jpg" alt="">
+                    <span>技术需求</span>
+                </a>
+            </li>
+            <li class="relAchievement">
+                <a>
+                    <img src="../../img/patent/tradingIndex_index003.jpg" alt="">
+                    <span>发布成果</span>
+                </a>
+            </li>
+            <li class="relDemand">
+                <a>
+                    <img src="../../img/patent/tradingIndex_index004.jpg" alt="">
+                    <span>发布需求</span>
+                </a>
+            </li>
+        </ul>
+    </div>
     <div class="patentHeader">
         <div class="container patentAchievement">
             <div class="patentAchievementImg">