Browse Source

专家点赞样式

luyanan 8 years ago
parent
commit
1706e9d25f

+ 21 - 3
src/main/webapp/css/common.css

@ -87,11 +87,11 @@ url(../images/index-icon.png) no-repeat; background-position:left; margin:8px;}
87 87
/*------------------------------------------------------------------------------------*/
88 88

89 89
/*分页*/
90
.tcdPageCode{ padding: 20px; margin: 10px 0;text-align: left;color: #000;text-align:center;font-size:14px;line-height:24px; }
91
.tcdPageCode a{display: inline-block;color: #428bca;display: inline-block;height: 30px;	line-height: 30px;	padding: 0 10px;border: 1px solid #e5e5e5;	margin: 0 8px;border-radius:5px; color:#000;}
90
.tcdPageCode{ padding: 20px; margin: 10px 0;text-align: left;color: #333;text-align:center;font-size:14px;line-height:24px; }
91
.tcdPageCode a{display: inline-block;color: #428bca;display: inline-block;height: 30px;	line-height: 30px;	padding: 0 10px;border: 1px solid #e5e5e5;	margin: 0 8px;border-radius:5px; color:#333;}
92 92
.tcdPageCode a:hover{text-decoration: none;}
93 93
.tcdPageCode span.current{display: inline-block;height:30px;line-height: 30px;padding: 0 10px;margin: 0 8px;color: #fff;background-color: #ff9900;border-radius:5px;}
94
.tcdPageCode span.disabled{	display: inline-block;height: 30px;line-height:30px;padding: 0 10px;margin: 0 8px;	color: #000;background: #fff;border: 1px solid #e5e5e5;border-radius:5px;}
94
.tcdPageCode span.disabled{	display: inline-block;height: 30px;line-height:30px;padding: 0 10px;margin: 0 8px;	color: #ccc;background: #fff;border: 1px solid #e5e5e5;border-radius:5px;}
95 95
.tcdPageCode li { display: inline;}
96 96

97 97
.tcdPageCode a.current{
@ -118,4 +118,22 @@ url(../images/index-icon.png) no-repeat; background-position:left; margin:8px;}
118 118
/*未认证*/
119 119
.unauth{background: #efefef;color: #CCCCCC;}
120 120

121
/***********************缺省页面*******************/
122
.nodatatip{width:40%;margin:100px auto;overflow:hidden;height:100px; font-size:16px; text-align:center;color:#aaa;}
123
.nodatabox{width:100%;height: 100%; margin:50px auto;text-align: center;}
124
.nodatabox .nodata{overflow:hidden; width:50%; margin:auto;}
125
.nodatabox .nodata li{float:left;}
126
.nodatabox .picbox{margin: auto;}
127
.nodatabox .picbox .defpic{display:block;margin: auto;width:200px;height:200px; background:url(../images/nodata.jpg) -30px -790px no-repeat;}
128
.nodatabox .txtbox { margin:86px auto;}
129
.nodatabox .txtbox .currword{font-size: 16px;color: #999999;line-height: 28px;}
130
.nodatabox .txtbox .currtip{ font-size:14px;color: #AAAAAA;}
131
.nodatabox .txtbox .keyword{ padding:0 6px;color:#555555;}
132
/***********************缺省页面*******************/
133

134

135

136

137

138

121 139


+ 5 - 5
src/main/webapp/css/index.css

@ -74,12 +74,12 @@ input{ outline:none;}
74 74

75 75
/*搜索分类*/
76 76
.classify{ width:100%;border:1px #f0f0f0 solid; margin-top:10px;border-radius: 6px;background: #fff; }
77
.class1{ width:100%; height:52px; overflow:hidden; position:relative; border-bottom:1px #efefef solid;}
77
.class1{ width:100%; height:48px; overflow:hidden; position:relative; border-bottom:1px #efefef solid;}
78 78
.class1:nth-child(even){background:#f8f8f8;}
79 79
.class1:last-child{border-bottom:none;}
80 80
.title{ padding:0 15px; float:left;font-size:15px;line-height:48px; color:#333;}
81
.area-con{ float:left; width:83%;/* border:1px solid red; */overflow:hidden; padding-bottom: 10px;}
82
.class1 a{ padding:0px 10px; float:left;font-size:14px;line-height:30px; color:#333; margin-top:9px;/*  margin-right:15px; */}
81
.area-con{ float:left; width:83%;/* border:1px solid red; */overflow:hidden; margin:6px 0;}
82
.class1 a{ padding:0px 10px; float:left;font-size:14px;line-height:30px; color:#333;margin: 4px 2px;/*  margin-right:15px; */}
83 83
.class1 a:hover{color:#fff; background:#ff9900;}
84 84
.class1 .colorbg{ color:#fff; background:#ff9900;}
85 85
.andmore{ display:block; width:100px;font-size:14px;line-height:50px; color:#333; padding:0 28px; position:absolute;right:0; cursor:pointer;}
@ -257,7 +257,7 @@ input[type='radio'].radio:checked + .radio {background:url(../images/redio.png)
257 257
.list-area{ overflow:hidden; padding:10px 0 20px 0; width:670px; margin:10px auto; background:#f8f8f8;}
258 258
.listbox-browse{ min-height:26px; position:relative;}
259 259
.list-browse{ height:24px;box-shadow:2px 2px 1px #c9c9c9 ; text-align:center;font-size:14px;line-height:26px; color:#666; margin-left:15px; float:left;cursor:pointer;padding-right: 8px; overflow:hidden;}
260
.plus{ float:left;display:block; width:26px; height:26px; cursor:pointer; background:url(../images/zan.png) no-repeat center center; margin-left:10px;  }
260
.plus{ float:left;display:block; width:26px; height:26px; cursor:pointer; background:url(../images/thumb-up.png) no-repeat 0 0; margin-left:10px;  }
261 261
.line{ width:110px; height:1px; background:#ccc; float:left; margin-left:30px; margin-top:12px;}
262 262
.like-num{ float:right;max-width:380px;height:26px; padding:0 20px; overflow:hidden; }
263 263
.like-people{ width:26px; height:26px; float:right; overflow:hidden; margin-right:5px; background:url(../images/default-photo.png) no-repeat center center; background-size:100% 100%;-moz-background-size:100% 100%;}
@ -297,7 +297,7 @@ label.edu-radio{ float:none;font-size:16px;line-height:26px; color:#868686; }
297 297
.add-icon{ cursor:pointer;}
298 298
.button{ float:left; width:40px; height:17px; margin-left:10px; margin-top:4px;}
299 299
.modi{ cursor:pointer;padding-left:10px;}
300
.floatL{ float:right;}
300
/* .floatL{ float:right;} */
301 301
.addbox{ display:none;}
302 302
/*------------------------------------------------------------------------------------*/
303 303


BIN
src/main/webapp/images/thumb-up.png


+ 4 - 4
src/main/webapp/information-brow.html

@ -54,17 +54,17 @@
54 54
<div id="container">
55 55
	<div class="content" style="padding-bottom:120px;">
56 56
		<div class="information-head">
57
			<div class="head-left headRadius"><a href="#"><img id="headImage"></a></div>	
57
			<div class="head-left headRadius"><a><img id="headImage"></a></div>	
58 58
			<div class="head-center">
59 59
				<div class="infor-browse">
60
					<a href="#" class="named" id="nameS" style="font-size:20px;"></a><a href="#" class="modify"></a>
60
					<a class="named" id="nameS" style="font-size:20px;"></a><a class="modify"></a>
61 61
					<div class="position" ><span id="office"></span ><span id="titleS"></span ></div>				
62 62
					<div class="science"><span id="industryS"></span ><span id="orgNameS"></span ></div>			
63 63
					<div class="address" id="address"></div>					
64 64
				</div>
65 65
				<div class="coulstbtn floatL" id="conbtn" style="position: absolute;bottom: 20px;"><span>咨询</span></div>
66 66
			</div>
67
			<div class="head-right headRadius"><a  id="organ"><img id="orgImage"></a></div>
67
			<div class="head-right headRadius"><a id="organ"><img id="orgImage"></a></div>
68 68
		</div>
69 69
		<div class="information-content">
70 70
			<div class="content-left" >
@ -242,7 +242,7 @@
242 242
    	<div class="prohead headRadius floatL"><img src="images/default-photo.jpg" width="100%" height="100%" id="foot_proimg"></div>
243 243
    	<div class="proinfomation floatL">
244 244
    		<div class="clearfix">
245
    			<a href="#" class="authobject named" id="foot_proname"></a>
245
    			<a class="authobject named" id="foot_proname"></a>
246 246
    			<em class=" authicon-cu" id="foot_promodify"></em>
247 247
    		</div>
248 248
			<div class="position"><span id="foot_protitle"></span><span></span ><span class="address" id="foot_proaddress"></span></div>				

+ 4 - 4
src/main/webapp/information.html

@ -50,10 +50,10 @@
50 50
<div id="container">
51 51
	<div class="content">
52 52
		<div class="information-head">
53
			<div class="head-left headRadius"><a href="#"><img id="headImage"><a href="photo-set.html" class="replace-photo"></a></a></div>		
53
			<div class="head-left headRadius"><a><img id="headImage"><a href="photo-set.html" class="replace-photo"></a></a></div>		
54 54
			<div class="head-center">
55 55
				<div class="infor-browse">
56
					<a href="#" class="named" id="nameS" style="font-size:20px;"></a><a href="#" class="modify"></a><a class="edit" style=" margin:4px 6px;"></a>
56
					<a class="named" id="nameS" style="font-size:20px;"></a><a href="#" class="modify"></a><a class="edit" style=" margin:4px 6px;"></a>
57 57
					<div class="position" ><span id="office"></span ><span id="titleS"></span ></div>				
58 58
					<div class="science"><span id="industryS"></span ><span id="orgNameS"></span ></div>			
59 59
					<div class="address" id="address"></div>
@ -286,7 +286,7 @@
286 286
						<input type="text" class="input-txt edu-txt" id="jobCompany"/>
287 287

288 288
					</div>
289
					<div class="infor edu btn-marL datebox">
289
					<div class="infor edu btn-marL datebox" style="width:562px;">
290 290
						<div class="date-title"><b class="star">&nbsp;&nbsp;</b><em class="emspace">时</em>间</div>
291 291
                        <input type="text"  maxLength="6" class="date-btn input-txt " id="startMonth"  onKeypress="if (event.keyCode < 48 || event.keyCode > 57) event.returnValue = false;" value="201608">
292 292
						<!--<input class="date-btn input-txt" id="startMonth"/>-->
@ -321,7 +321,7 @@
321 321
						<input type="hidden" id="projectId" />
322 322
						<input type="text" class="input-txt edu-txt" id="projectName">
323 323
					</div>
324
					<div class="infor edu btn-marL datebox">
324
					<div class="infor edu btn-marL datebox" style="width:562px;">
325 325
						<div class="date-title"><b class="star">&nbsp;&nbsp;</b><em class="emspace">时</em>间</div>
326 326
						
327 327
						<!--<input class="date-btn input-txt" id="projectStartMonth"/>-->

+ 10 - 3
src/main/webapp/js/information.brow.js

@ -199,10 +199,16 @@ loginStatus();//读取用户头像
199 199
			     }
200 200
			     return ret;
201 201
			}
202
203
202
	
204 203
			$("#researchAreaShow").on("click",".plus",function(){
205 204
				if(userid && userid != null && userid != "null"){
205
					//点赞变化样式
206
					if($(this).data("isagree")>-1){
207
						$(this).stop(true,true).animate({backgroundPositionY:0},300);//变成未点赞样式
208
					}else{
209
						$(this).stop(true,true).animate({backgroundPositionY:-26},300);//变成点赞样式
210
					}
211
					
206 212
					$.ajax({
207 213
						"url" : $(this).data("isagree")>-1?"/ajax/researchArea/unAgree":"/ajax/researchArea/agree",
208 214
						"type" : "POST",
@ -235,6 +241,7 @@ loginStatus();//读取用户头像
235 241
					/*location.href="login.html"*/
236 242
				}
237 243
				
244
				
238 245
			})
239 246
240 247
	    	$.get("/ajax/professor/info/" + professorId, function($data) {
@ -820,7 +827,7 @@ if(resou==0&&ass==0){
820 827
			});
821 828
	}
822 829
823
	
830
824 831
	
825 832
})
826 833

+ 1 - 1
src/main/webapp/js/information.js

@ -1083,7 +1083,7 @@ getProfessorData()
1083 1083
					for(var i=0;i<data.data.length;i++){
1084 1084
						add='<div class="sharesrc">'
1085 1085
						add+='<div class="shareshow">'
1086
	                	add+='<a href=""><img src="/images/resource/'+data.data[i].resourceId+'.jpg" width="100%" height="100%" class="resouImage"></a>'
1086
	                	add+='<a><img src="/images/resource/'+data.data[i].resourceId+'.jpg" width="100%" height="100%" class="resouImage"></a>'
1087 1087
	                 	add+='<div class="shareopeart"></div>'
1088 1088
	             		add+='</div>'	             
1089 1089
	             		add+='<p class="restit">资源名称:<span class="presou">'+ data.data[i].resourceName+'</span></p>'

+ 1 - 1
src/main/webapp/js/search.js

@ -361,7 +361,7 @@ $(function(){
361 361
	  var listi = 0;
362 362
	 $(".andmore").click(function() {
363 363
		$(this).find(".updown").css("background-position", "left");
364
		$(this).parent().css("height", "52px");
364
		$(this).parent().css("height", "48px");
365 365
		if (listi % 2 == 0) {
366 366
	
367 367
		} else {

+ 1 - 1
src/main/webapp/photo-set.html

@ -57,7 +57,7 @@
57 57
                             <div class="pre-1">
58 58
                                 <img  src="" class="jcrop-preview jcrop_preview_s" alt="" id="largeImage"/>
59 59
                             </div>
60
                             <p>160px*160px</p>
60
                             <p>200px*200px</p>
61 61
                             <div class="pre-2">
62 62
                                 <img src="" class="jcrop-preview jcrop_preview_s" alt="" id="middleImage"/>
63 63
                             </div>