研究方向点击查看详情

css/common.css

@@ -108,7 +108,7 @@ input{ outline:none;}
.downloadBox{}
.downloadBtn{position:relative;display: inline-block;vertical-align: middle;margin:30px auto 10px;overflow:hidden;}
.downloadBtn .download-btn {position: relative;margin: 20px 10px;border: 1px solid #999;border-radius: 6px;padding: 10px 30px;color: #666;line-height: 46px;font-size: 16px;display: block;width: 240px;height: 70px;}
.downloadBtn .download-btn:first-child:hover{ background:#f3f3f3;}
.downloadBtn .download-btn:hover{ background:#f3f3f3;}
.downloadBtn .download-btn .app-android-icon, .downloadBtn .download-btn .app-ios-icon {float: left;display: block;width: 39px;height: 47px;margin-right: 10px;background: url(../images/app-icons.png) no-repeat;}
.downloadBtn .download-btn .app-android-icon { background-position: 0 -60px;}
.appcodeBox{ text-align:center;}

css/index.css

@@ -211,7 +211,7 @@ input[type='radio'].radio:checked + .radio {background:url(../images/redio.png)
/*------------------------------------------------------------------------------------*/
/*专家信息页*/
/*咨询模块按钮入口*/
.coulstblock{position:fixed;width:100%;bottom:0;right:0;z-index:1001;background:rgba(256,256,256,.9); border:1px solid #dddddd; border-radius:4px 4px 0 0; box-shadow: -3px -2px 8px -1px rgba(0,0,0,0.2); display:none;}
.coulstblock{position:fixed;width:100%;bottom:0;right:0;z-index:999;background:rgba(256,256,256,.9); border:1px solid #dddddd; border-radius:4px 4px 0 0; box-shadow: -3px -2px 8px -1px rgba(0,0,0,0.2); display:none;}
.coulstblock .coulstbox{display:block;padding:10px 20px;width:90%;margin:auto; overflow:hidden;}
.coulstblock .coulstbox .prohead{ width:80px;margin-left:40px; overflow:hidden;}
.coulstblock .coulstbox .proinfomation{margin:0 2%;max-width:50%; overflow:hidden;}
@@ -283,7 +283,7 @@ input[type='radio'].radio:checked + .radio {background:url(../images/redio.png)
.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;max-width: 60%;text-overflow: ellipsis;white-space: nowrap; overflow:hidden;}
.plus{ float:left;display:block; width:26px; height:26px; cursor:pointer; background:url(../images/thumb-up.png) no-repeat 0 0; margin-left:10px;  }
.line{ width:110px; height:1px; background:#ccc; float:left; margin-left:30px; margin-top:12px;}
.like-num{ float:right;max-width:38%;height:26px; padding:0 20px; overflow:hidden; }
.like-num{ float:right;max-width:38%;height:26px; padding:0 20px; overflow:hidden;cursor:pointer;}
.like-people{ width:26px; height:26px; float:left; overflow:hidden; margin-right:5px; background:url(../images/default-photo.png) no-repeat center center; background-size:100% 100%;-moz-background-size:100% 100%;}
.like-people img{ width:100%; height:100%;}
.like-more{ display: block; border:1px solid #CCCCCC; background:url(../images/likemore.png) no-repeat center center;}
@@ -333,6 +333,7 @@ label.edu-radio{ float:none;font-size:16px;line-height:26px; color:#868686; }
.edu-about span{ display:none;}
.infor-browse .edu-about{ color:#666;}
.infor-browse .edu-infor { color:#666;}
#industryShow li{list-style:disc inside;}
.add-icon{ cursor:pointer;}
.button{ float:left; width:40px; height:17px; margin-left:10px; margin-top:4px;}

css/login.css

@@ -161,7 +161,7 @@ html,body{ cursor:default; margin:0; height:100%;}
.yzm {position: absolute;height: 44px; width:100px; margin-top:1px;}
.reflash {position: absolute;height: 44px; width: 20px; background: url(../images/icon-reflash.png) center center no-repeat;top:0;right: 10px;}
.coderli { position: relative;}
.getcode { display: inline-block;width: 120px; height: 48px;background: #ff9900;border-radius:2px 6px 6px 2px;line-height: 48px; text-align: center; position: absolute;right:-2px;top:50%; margin-top:-24px;color: #fff;}
.getcode { display: inline-block;width: 120px; height: 48px;background: #ff9900;border-radius:2px 6px 6px 2px;line-height: 48px; text-align: center; position: absolute;right:-2px;top:50%; margin-top:-24px;color: #fff;cursor: pointer;}
.getcode:focus{ border:1px solid transparent;}
.getcodeon{background: #ff9900;}
.getcodeoff{background: #B5B7BA;}

css/workspace.css

@@ -113,7 +113,7 @@
.objectsrc p{ line-height:24px; text-align:center;}
.objectsrc .objectstate{/* background:url(../images/progressing.png) 52px 2px no-repeat;*/}
.otherRes{padding:10px;}
.otherRes{padding:10px;margin-right:-12px;}
.otherRes li{ width: 202px;float:left;border: 1px solid #e4e5e7;margin:0 12px 12px 0;border-radius: 6px;cursor: pointer;}
.otherRes li:last-child{margin:0 0 12px 0;}
.otherRes li a{display: block;}
@@ -279,7 +279,7 @@
.dialog_sj{position: absolute;right: -16px;top: 6px;border: 6px solid #fff;border-color: #ff9900 transparent transparent;display: block;font-size: 0;height: 0;width: 0;}
/*////////////我的关注/////////////////*/
.attentionBox{position:absolute;width:640px;left:50%;margin:60px 0 0 -300px;background:#fff;border-radius:10px;font-size:14px; z-index:1001; margin-bottom:40px;box-shadow: 2px 4px 10px 4px #555; -webkit-box-shadow: 2px 4px 10px 4px #555; -moz-box-shadow: 2px 4px 10px 4px #555; }
.attentionBox{position:absolute;width:640px;left:50%;margin:80px 0 20px -320px;background:#fff;border-radius:10px;font-size:14px; z-index:1001; margin-bottom:40px;box-shadow: 2px 4px 10px 4px #555; -webkit-box-shadow: 2px 4px 10px 4px #555; -moz-box-shadow: 2px 4px 10px 4px #555; }
.topTit{text-align:center;color:#FFFFFF; font-size:20px;line-height:46px;background: #ff9900;border-radius:10px 10px 0 0;height:46px;width: 100%;}
.fixbox{ background: #FFFFFF;/* position:fixed;top:46px;left:0;*/width:100%; z-index:1;}
.fixbox .fixbtn{ padding:0; margin: 0; overflow: hidden;}
@@ -298,10 +298,18 @@
.attentsCon .listtit3{font-size: 13px;line-height:18px; color: #888888;}/*小标题*/
.attentList{padding:10px;display: none;}
.attentList:first-child{display: block;}
.attentList li{padding: 14px;margin:6px 0;position: relative;}
.attentList li{padding: 10px 14px;margin:6px 0;position: relative;}
.attentList li .proinfor{display: block;}
.attentList li:hover{background: #EFEFEF;}
.attentList li:first-child{margin-top:0}
.attentList li:after{position: absolute;bottom: 0;right: 0;left:126px;height: 1px;content: '';background-color: #c8c7cc;
    -webkit-transform: scaleY(.5);
            transform: scaleY(.5);}
.attentList li:last-child:after{background: none;}
.resAreaCon .proinfor .headimg{width: 60px;}
.resAreaCon .attentList{display: block;}
.resAreaCon .attentList li:hover{background:none;}
.resAreaCon .attentList li:after{left:86px;}
.resAreaCon .littip{font-size:13px;margin: 10px 10px 0 10px;padding:6px; border-bottom:1px #CCCCCC dashed;}
.resAreaCover .researchArea{padding:20px 30px;background: #ff9900;color:#FFFFFF;font-size:16px; border-bottom:1px #EAEAEA solid;border-radius: 10px 10px 0 0;}

information-brow.html

@@ -16,7 +16,38 @@
</head>
<body>
<!--研究方向详情页面-->
<div class="blackcover resAreaCover" style="display: none;">
	<div class="attentionBox">
		<div class="researchArea">研究方向文字很长，之前页面显示不下，在这里就能显示完整，全部都显示出来</div>
		<div class="attentsCon resAreaCon">
			<p class="littip">以下用户认可了他的研究</p>
			<ul class="attentList">
				<li>		
					<a class="proinfor clearfix">
						<div class="headblock floatL"><img id="proHead" class="headimg headRadius" src="images/default-photo.jpg"></div>
						<div class="mediaBody">
							<span class="listtit" ><span id="proName">章先生</span><em class="authicon authicon-cu" style="position:absolute;margin:4px 0 0 2px ;"></em></span>
							<div class="listtit2"><span id="proTitle">国家级营养师</span><span id="proOffice">，教授</span><span id="proOrg">，北京体育大学</span><span id="proAddress"> | 北京</span></div>
						</div>
					</a>
				</li>
				<li>		
					<a class="proinfor clearfix">
						<div class="headblock floatL"><img id="proHead" class="headimg headRadius" src="images/default-photo.jpg"></div>
						<div class="mediaBody">
							<span class="listtit" ><span id="proName">章先生</span><em class="authicon authicon-cu" style="position:absolute;margin:4px 0 0 2px ;"></em></span>
							<div class="listtit2"><span id="proTitle">国家级营养师</span><span id="proOffice">，教授</span><span id="proOrg">，北京体育大学</span><span id="proAddress"> | 北京</span></div>
						</div>
					</a>
				</li>
				
			</ul>
		</div>
		<div style="height: 20px;"></div>
		<span class="workclose" id="workclose"></span>	
	</div>
</div>
<div id="header">
	<a href="index.html" alt="科袖" class="logo"></a>
	<div class="searchblock" style="display:block;">
@@ -240,12 +271,6 @@
            <span> | </span>
            <span class="listlink">客服热线： 010-62343359（9:00-17:00）</span>
        </div>
        <!--<div class="inner_wrapper floatR">
        	<div class="codebox">
           		<span class="code weixin_code"></span> 
                <p>科袖微信公众号</p>
           </div>
        </div>-->
    </div>
    <div class="copyright">
        <span><em> © </em>2016 北京科袖科技有限公司</span>
@@ -261,7 +286,7 @@
    	<div class="proinfomation floatL">
    		<div class="clearfix">
    			<a class="authobject named" id="foot_proname"></a>
    			<em class="" id="foot_promodify"></em>
    			<em class="" id="foot_promodify" style="margin: 2px;"></em>
    		</div>
			<div class="position"><span id="foot_protitle"></span><span></span ></div>				
			<div class="science"><span id="foot_prodepar"></span><span id="foot_proorgname"></span ><span class="address" id="foot_proaddress"></span></div>								
@@ -303,7 +328,16 @@
	//分享按钮和关注按钮
	$('.shareWeixin').hover(function(){$('.shareCode').stop(true,false).fadeToggle();});
	
	//研究方向详细信息
	$("#researchAreaShow").on('click',".favorBox",function(){
		$(".resAreaCover").fadeIn();
		$("body").css("position","fixed");	
	})
	//关闭按钮
	$("#workclose").click(function(){
		$(".resAreaCover").fadeOut();
		$("body").css("position","static");
	});
</script>
</body>
</html>

js/information.brow.js

@@ -212,11 +212,11 @@ $(function(){
						}
						if(professorId != userid){
						if(isAgree) {
							var showDiv = "<div class='listbox listbox-browse clear'><div class='list-browse'><span class='like'>" + $data.count + "</span>" + $data.caption + "</div><span class='plus ' data-pid='" + $data.professorId + "' data-caption='" + $data.caption + "' data-isagree='" + isAgree + "' ></span><div class='like-num'>";
							var showDiv = "<div class='listbox listbox-browse clear'><div class='list-browse favorBox'><span class='like'>" + $data.count + "</span>" + $data.caption + "</div><span class='plus ' data-pid='" + $data.professorId + "' data-caption='" + $data.caption + "' data-isagree='" + isAgree + "' ></span><div class='like-num favorBox'>";
						} else {
							var showDiv = "<div class='listbox listbox-browse clear'><div class='list-browse'><span class='like'>" + $data.count + "</span>" + $data.caption + "</div><span class='plus' style=' background-position-y:-26px' data-pid='" + $data.professorId + "' data-caption='" + $data.caption + "' data-isagree='" + isAgree + "' ></span><div class='like-num'>";
							var showDiv = "<div class='listbox listbox-browse clear'><div class='list-browse favorBox'><span class='like'>" + $data.count + "</span>" + $data.caption + "</div><span class='plus' style=' background-position-y:-26px' data-pid='" + $data.professorId + "' data-caption='" + $data.caption + "' data-isagree='" + isAgree + "' ></span><div class='like-num favorBox'>";
						}}else{
							var showDiv = "<div class='listbox listbox-browse clear'><div class='list-browse'><span class='like'>" + $data.count + "</span>" + $data.caption + "</div><div class='like-num'>";
							var showDiv = "<div class='listbox listbox-browse clear'><div class='list-browse favorBox'><span class='like'>" + $data.count + "</span>" + $data.caption + "</div><div class='like-num favorBox'>";
						}
						if($photos.length < 6) {
							for(var j = 0; j < $photos.length; ++j) {