Browse Source

文章浏览相关的显示

luyanan 8 years ago
parent
commit
7e5d45c946
3 changed files with 17 additions and 16 deletions
  1. 1 1
      css/common.css
  2. 12 11
      css/genindex.css
  3. 4 4
      js/articalShow.js

+ 1 - 1
css/common.css

@ -212,7 +212,7 @@ footer .weixincode span{background-image:url(../images/home_code_weixin.jpg);bac
212 212
.search-btn{ width:35px; height:35px; float:right; behavior:url(../js/ie-css3.htc);cursor:pointer;}
213 213
.search-icon{ display:block; width:20px; height:20px; background:url(../images/index-icon.png) no-repeat; background-position:left; margin:8px;}
214 214

215
header{ position:fixed; top:0;left:0;right: 0; z-index:996;font-size:16px;line-height:32px;}
215
header{ position:fixed; top:0;left:0;right: 0; z-index:998;font-size:16px;line-height:32px;}
216 216
header .navheader{background:#FFFFFF;height:62px;border-bottom: 2px solid #e5e5e5;}
217 217
header .navheader.navhdown{background: rgba(256,256,256,1);border-color:#E5E5E5;box-shadow: 0px 2px 12px 0px rgba(204, 204, 204, 0.6);-webkit-box-shadow: 0px 2px 12px 0px rgba(204, 204, 204, 0.6);}
218 218
header .navheader.navhdown li a{color:#666;}

+ 12 - 11
css/genindex.css

@ -32,7 +32,7 @@ input.frmtype[readonly]:focus{border:1px transparent solid;}
32 32
.frmconbtn{width:100%;height:40px;background:#ff9900;font-size:16px;color:#666;line-height:28px;outline:none;border:none;padding:6px 12px;border-radius:0;}
33 33
.frmconmsg{color:#fd5f39;margin-left:12px;font-size: 14px;}
34 34
/*小按钮*/
35
.btnModel{display:inline-block;color:#FFFFFF;border:none;background: #FFFFFF; padding:6px 20px;background:#ff9900;}
35
.btnModel{display:inline-block;color:#FFFFFF;text-align:center;border:none;background: #FFFFFF; padding:6px 20px;background:#ff9900;}
36 36
.btnModel:hover{background:#ff8f00;}
37 37
/*取消按钮*/
38 38
.btnCancel{background:#edeff4;}
@ -269,7 +269,14 @@ ul.artAbout .frmadd{width:auto;position:absolute;right:0;top:0;background: #ff99
269 269
.conItem .otherBlock{padding-bottom: 30px;border-bottom:1px dashed #E5E5E5;margin-bottom: 30px;}
270 270
.conItem .otherBlock:last-child{padding:0;margin:0;border: 0;}
271 271
272
.form-item{}
272
.flexCenter{position: relative; min-height:90px;
273
		    display: -webkit-box;
274
			display: -webkit-flex;
275
			display: -ms-flexbox; 
276
			display:         flex; 
277
	        -webkit-align-items: center;
278
	                align-items: center;}
279
/*.form-item .flexCenter{min-height: 60px;}*/
273 280
.form-drop{position:relative;top:0;border:1px solid #E5E5E5;border-top:none;width: 100%;}
274 281
.form-item .madiaHead{position:absolute;border:1px solid #E5E5E5;width: 50px;height:50px;background-position: center;background-size: cover;}
275 282
.form-item .madiaHead.useHead{background-image: url(../images/default-photo.jpg);border-radius: 50%;}
@ -313,7 +320,7 @@ ul.tagList>li .h2Font{color:#666}
313 320
.otherShow .form-result{margin:0 -30px;}
314 321
.form-item.otherShow .madiaHead{width: 80px;height: 80px;}
315 322
.form-item.otherShow .madiaInfo{padding-left:92px;margin:4px 0;}
316
.otherShow .form-result>ul>li{min-height:104px;}
323
.otherShow .form-result>ul>li{/*min-height:104px;*/}
317 324
.form-item.otherShow .pointOk>ul>li{cursor: pointer;}
318 325
.form-item.otherShow .aboutRes .madiaHead{width:118px;height: 80px;}
319 326
.form-item.otherShow .aboutRes .madiaInfo{padding-left:130px;margin:4px 0;}
@ -365,7 +372,7 @@ ul.tagList>li .h2Font{color:#666}
365 372
.ifLogin .ifLoginUn{background: #fff7e7;border:1px solid #E5E5E5;line-height:18px;padding:25px;color:#7b4b2b;font-size:14px;}
366 373
.ifLogin .ifLoginUn>ul>li{float: right;padding:0 6px;}
367 374
.ifLogin .ifLoginUn a{color:#666;}
368
.ifLogin .ifLoginOn .btnModel{margin:12px 0;padding:4px 12px;width: 80px;border-radius:0;}
375
.ifLogin .ifLoginOn .btnModel{margin:12px 0;width: 80px;border-radius:0;}
369 376
370 377
.commentsArea .btnCancel{height:auto;border-radius:0;color: #ff9900;}
371 378
.commentsArea ul.commentList{margin-top:-20px;}
@ -380,6 +387,7 @@ ul.tagList>li .h2Font{color:#666}
380 387
.rightconBox .conItem.conItemG .madiaHead.useHead{background-image:url(../images/default-photo.jpg);border-radius: 50%;}
381 388
.rightconBox .conItem.conItemG .madiaHead.cmpHead{background-image:url(../images/default-icon.jpg);}
382 389
.rightconBox .conItem.conItemG .h2Font{font-size:16px;color:#666;line-height:26px;}
390
.rightconBox .conItem.conItemG .hrefgo{color:#333}
383 391
.rightconBox .conItem.conItemG .goSpan span{background: #ff9900;display:inline-block;width:100px;cursor:pointer;color:#fff;font-size:16px;margin:20px 10px 0;}
384 392
.rightconBox .conItem.conItemG .attenSpan{position: relative;padding:9px 25px;padding-left:42px;}
385 393
.rightconBox .conItem.conItemG .attenSpan:before{position:absolute;content:url(../images/g_article_icon_jia_nor.png);top:50%;left:20px;margin-top:-8px;}
@ -479,13 +487,6 @@ div.zoomMask{position:absolute;background:url("../images/g-resource-mask.png") r
479 487
.keydrop>ul>li.orgList img{width:50px;height:50px;margin-right:10px;}
480 488
.keydrop>ul>li.orgList p{line-height:50px;font-size:14px;}
481 489
/*资源导入*/
482
.flexCenter{position: relative; min-height:90px;
483
		    display: -webkit-box;
484
			display: -webkit-flex;
485
			display: -ms-flexbox; 
486
			display:         flex; 
487
	        -webkit-align-items: center;
488
	                align-items: center;}
489 490
.tipShow{background: #fff7e7;border-bottom: 1px solid #E5E5E5;line-height: 18px;padding:16px 20px;overflow:hidden;color: #7b4b2b;font-size: 14px;}
490 491
.tipShow .tipClose{display:inline-block;width:14px;height:14px;background:url(../images/g_resource_button_guanbi_2_nor.png);background-size:cover;cursor:pointer;}
491 492
.itemListBolck .itemListCon ul.importUl .madiaHead{top:50%;margin-top:-40px;}

+ 4 - 4
js/articalShow.js

@ -167,7 +167,7 @@ $(function() {
167 167
				if (data.success && data.data){
168 168
					var itemlist = '';
169 169
					$("#trelevantExperts").html("");
170
					var itemlist = '<li><a href="" class="urlgo" style="display:block;height:80px">';
170
					var itemlist = '<li><a href="" class="flexCenter urlgo" style="min-height:80px;">';
171 171
						itemlist += '<div class="madiaHead useHead" id="userimg"></div>';
172 172
						itemlist += '<div class="madiaInfo">';
173 173
						itemlist += '<p><span class="h1Font" id="userName"></span><em class="authiconNew" title=""></em></p>';
@ -246,7 +246,7 @@ $(function() {
246 246
			"success" : function(data) {
247 247
				console.log(data);
248 248
				if (data.success && data.data){
249
					var itemlist = '<li><a href="" class="urlgo" style="display:block;height:80px">';
249
					var itemlist = '<li><a href="" class="flexCenter urlgo">';
250 250
						itemlist += '<div class="madiaHead resouseHead" id="userimg"></div>';
251 251
						itemlist += '<div class="madiaInfo">';
252 252
						itemlist += '<p class="h1Font" id="resourceName"></p>';
@ -304,10 +304,10 @@ $(function() {
304 304
					var itemlist = '';
305 305
					$("#abutartical").html("");
306 306
					for(var i = 0; i < data.data.length; i++) {
307
						var itemlist = '<li><a href="" class="urlgo" style="display:block;height:80px">';
307
						var itemlist = '<li><a href="" class="flexCenter urlgo">';
308 308
							itemlist += '<div class="madiaHead artHead" id="userimg"></div>';
309 309
							itemlist += '<div class="madiaInfo">';
310
							itemlist += '<p class="h1Font ellipsisSty-2" id="resourceName"></p>';
310
							itemlist += '<p class="h1Font ellipsisSty" id="resourceName"></p>';
311 311
							itemlist += '<p><span class="h1Font username2"></span><em class="authiconNew" id="relatedLabels" title="科袖认证专家"></em></p>';
312 312
							itemlist += '</div></a></li>';
313 313
							$itemlist = $(itemlist);