liting2017 7 years ago
parent
commit
e55538f68e

BIN
img/detail_img5.jpg


BIN
img/detail_img5.png


BIN
img/detail_img5_no.jpg


+ 14 - 8
src/css/technologyTrading/demandDetail.css

@@ -13,19 +13,25 @@
     border-bottom: 1px solid #EFEFEF;position: relative;}
 .big_text{width:700px;height:50px;}
 .big_text>h3{color:#316899;}
-.big_img{width:470px;height:490px;display: inline-block;position: absolute;
+.big_img{width:430px;height:490px;display: inline-block;position: absolute;
     top:95px;left:50px;}
 .big_img>div>img{width:430px;height:440px;}
 .big_img img{width:430px;height:440px;}
-.basic{width:300px;height:490px;position: absolute;top:95px;left:550px;}
-.basic>div{width:220px;height:55px;border-bottom: 1px solid #EFEFEF;}
+.basic{width:370px;height:450px;position: absolute;top:95px;left:510px;}
+.basic>div{width:370px;height:55px;border-bottom: 1px solid #EFEFEF;}
 .basic>div>p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
-.basic>span{width:30px;height:30px;display: inline-block;position: absolute;bottom:-50px;left: -500px;}
-.basic>span>img{margin-top: -5px;}
+.basic>.loves{height:30px;display: inline-block;position: absolute;bottom:-26px;left: -450px;border: none!important;}
+.loves .box_love{width: 16px;height: 15px;display: inline-block;background: url(../../../img/detail_img5_no.jpg)no-repeat center center;margin-top: 2px;vertical-align: top;}
+.basic>.loves:hover{cursor: pointer;}
+.basic>.loves span{margin-right: 5px;}
+.bj_love{width: 16px;height: 15px;display: inline-block;background: url(../../../img/detail_img5.jpg)no-repeat center center;margin-top: 2px;vertical-align: top;}
+
 .basic>span>span{line-height: 30px;}
-.basic>div.detail_btn{width:152px;height:45px;background: #FFB200;color:#fff;
-    font-weight: bold;font-size: 18px;line-height: 45px;text-align: center;position: absolute;
-    bottom: 0;left:0;}
+.detail_btn{position: absolute;bottom: 0;left: 0;border: none!important;}
+.basic>div.detail_btn a{width:150px;height:45px;background: #FFB200;color:#fff;
+   line-height: 45px;text-align: center;display: inline-block;font-size: 16px;}
+.basic>div.detail_btn #purchase{margin-left: 15px;}
+.basic>div.detail_btn a:hover{cursor: pointer;background: #ff8d00;}
 div.pointer{cursor: pointer;}
 div.pointer>p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 5px;}
 .fine>div>p{text-overflow:ellipsis;overflow: hidden;}

+ 15 - 0
src/js/technologyTrading/demandDetail.js

@@ -18,4 +18,19 @@ import '../../css/technologyTrading/demandDetail.css';
         var thetype=$(this).children("div").children("p.demandTyp").html();
         window.open(globalConfig.context + '/portal/technologyTrading/demandDetail?id=' + theId+'&type='+thetype );
     })
+    //点击感兴趣
+    var t=0;
+    $('.basic .loves').click(function(){
+    	if($(this).find('span:first-child').hasClass('box_love')){
+    		t=$('.dem_number').text();            		
+    	    $('.dem_number').text(parseInt(t)+1) 
+    	    $(this).find('span:first-child').addClass('bj_love').removeClass('box_love')
+    	    return false;
+    	}   	    	
+    	if($(this).find('span:first-child').hasClass('bj_love')){
+    		t=$('.dem_number').text();         		
+    	    $('.dem_number').text(parseInt(t)-1)  
+    	    $(this).find('span:first-child').addClass('box_love').removeClass('bj_love')
+    	}    	   	
+    })
 })();

+ 12 - 13
template/technologyTrading/demandDetail.html

@@ -8,10 +8,10 @@
     <meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1,user-scalable=no">
     <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/public.css" />-->
-    <!--<link rel="stylesheet" href="../../src/css/main_banner.css" />-->
-    <!--<link rel="stylesheet" type="text/css" href="../../src/css/technologyTrading/demandDetail.css"/>-->
+    <!--<link rel="stylesheet" href="../../src/css/bootstrap.css" />
+    <link rel="stylesheet" href="../../src/css/public.css" />
+    <link rel="stylesheet" href="../../src/css/main_banner.css" />
+    <link rel="stylesheet" type="text/css" href="../../src/css/technologyTrading/demandDetail.css"/>-->
 </head>
 <body>
 <header>
@@ -90,12 +90,11 @@
                         <span>最近更新</span>
                         <span>2017-09-17</span>
                     </div>
-                    <span>
-                        <img src="../../img/detail_img5.jpg" alt=""/>
-                        <span>8</span>
-                    </span>
+                    <div class="loves">                       
+                       <span class="box_love"></span><span class="dem_number">8</span><span>我感兴趣</span>
+                    </div>
                     <div class="detail_btn">
-                        我要咨询
+                       <a href="javascript:;">我要咨询</a><a href="javascript:;" id="purchase">立即购买</a>
                     </div>
                 </div>
                 <div class="fine">
@@ -344,8 +343,8 @@
 </div>
 <div class="smg"><input type="text" name="msg" value="" id="msg"/></div>
 </body>
-<!--<script type="text/javascript" src="../../src/js/jquery-2.1.0.js"></script>-->
-<!--<script type="text/javascript" src="../../src/js/technologyTrading/demandDetail.js"></script>-->
-<!--<script type="text/javascript" src="../../src/js/public.js"></script>-->
-<!--<script type="text/javascript" src="../../src/js/main_banner.js" ></script>-->
+<!--<script type="text/javascript" src="../../src/js/jquery-2.1.0.js"></script>
+<script type="text/javascript" src="../../src/js/technologyTrading/demandDetail.js"></script>
+<script type="text/javascript" src="../../src/js/public.js"></script>
+<script type="text/javascript" src="../../src/js/main_banner.js" ></script>-->
 </html>