Accueil Explorer Aide
S'inscrire Connexion
jiapeng
/
portal-front
Suivre 3
Voter 0
Fork 0
Code Tickets 0 Pull Requests 0 Commits 722 Publications 0 Wiki
Parcourir la Source

H5分享相关

luyanan 7 ans auparavant
Parent
cc8b36e7f9
commit
7dcdc8e443
7 fichiers modifiés avec 78 ajouts et 112 suppressions
Vue séparée Afficher les stats Diff
  1. 9 12
      css/share.css
  2. 4 7
      e/a.html
  3. 2 2
      e/c.html
  4. 39 52
      e/l.html
  5. 1 1
      e/p.html
  6. 2 3
      e/r.html
  7. 21 35
      e/z.html

+ 9 - 12
css/share.css
Voir le fichier 

@ -83,14 +83,17 @@ ul.tagList>li .h2Font{color: #666;}
83 83 
.madiaBlock{clear:both;}.madiaBlock:before,.madiaBlock:after{display:table;content:""}.madiaBlock:after{clear: both;}
84 84 
.madiaBlock ul.mui-table-view{margin:10px 0;overflow: hidden;}
85 85 
.madiaBlock ul.mui-table-view li{position: relative;cursor: pointer;}
86 
.madiaBlock .madiaTit{position:relative;font-size:16px;color:#666;padding-left:10px;margin-top:15px;}
86 
.madiaBlock .madiaTit{position:relative;font-size:16px;color:#666;padding-left:10px;margin-top:15px;padding-bottom: 10px;}
87 87 
.madiaBlock .madiaTit:before{display:inline-block;content:"";width:4px;height: 16px;position:absolute;top:1px;left:0;background: #ff9900;}
88 
.madiaBlock .madiaTit:after{position: absolute;bottom: 0;content:"";height: 1px;background: #E5E5E5;right: -15px;left:-15px;}
88 89 
.madiaBlock .madiaHead{width:90px;height:60px;margin-top:-30px;position:absolute;border:1px solid #E5E5E5;top:50%;background-position: center;background-size: cover;}
89 90 
.madiaBlock .madiaHead.useHead{width: 50px;height:50px;margin-top:-25px;background-image: url(../images/default-photo.jpg);border-radius: 50%;}
90 91 
.madiaBlock .madiaHead.resouseHead{background-image: url(../images/default-resource.jpg);}
91 92 
.madiaBlock .madiaHead.artHead{background-image: url(../images/default-artical.jpg);}
92 93 
.madiaBlock .madiaHead.cmpHead{background:#FFFFFF;border-radius:0;}
93 94 
.madiaBlock .madiaHead.cmpHead .boxBlock{width: 90px;height: 60px;}
95 
.madiaBlock .madiaHead.cmpHead2{width:50px;height:40px;margin-top:-20px;background:#FFFFFF;border-radius:0;}
96 
.madiaBlock .madiaHead.cmpHead2 .boxBlock{width:50px;height:40px;}
94 97 
.madiaBlock .madiaHead.paperHead{background-image: url(../images/default-paper.jpg);}
95 98 
.madiaBlock .madiaHead.patentHead{background-image: url(../images/default-patent.jpg);}
96 99 
.madiaBlock .madiaInfo{padding-left:62px; width: 100%;margin:6px 0;overflow: hidden;}
 
@ -191,13 +194,14 @@ ul.tagList>li .h2Font{color: #666;}
191 194
192 195 
.infocon ul{ padding:0; margin: 0; overflow: hidden;}
193 196 
.infocon ul>li{list-style: none;}
194 
.infocon>ul.mui-table-view>li{position: relative;overflow: hidden; padding: 11px 15px;}
195 
.infocon>ul.mui-table-view>li:after{position: absolute;right: 0;bottom: 0;left:15px;height: 1px;content: '';-webkit-transform: scaleY(.5);transform: scaleY(.5); background-color: #c8c7cc;}
196 
.infocon>ul.mui-table-view>li:last-child:after{background: none;}
197 
ul.mui-table-view>li{position: relative;overflow: hidden; padding: 11px 0px;}
198 
ul.mui-table-view>li:after{position: absolute;right: 0;bottom: 0;left:0px;height: 1px;content: '';-webkit-transform: scaleY(.5);transform: scaleY(.5); background-color: #c8c7cc;}
199 
ul.mui-table-view>li:last-child:after{background: none;}
197 200 
.infocon.listArea>ul{overflow: hidden;margin-right: -10px;margin-top:-10px;}
198 201 
.infocon.listArea>ul>li{float: left;margin-right: 10px;margin-top:10px;border:1px solid #E5E5E5;border-radius:6px;padding:2px 12px;}
199 202 
.infocon.madiaBlock>ul{margin:-15px;}
200 203 
.infocon.madiaBlock>ul>li{padding:6px 15px;}
204 
.infocon.madiaBlock>ul>li:after{left:15px}
201 205 
.infocon.madiaBlock .h1Font{font-size: 16px;margin: 0;line-height: 24px;color: #333333;}
202 206 
.infocon.madiaBlock .h2Font{font-size: 14px;margin: 0;line-height: 22px;color:#999999;}
203 207 
@ -232,14 +236,7 @@ ul.tagList>li .h2Font{color: #666;}
232 236 
/*下载按钮及公众二维码*/
233 237 
.shareEcode{padding:20px 6px;background: #FFFFFF;}
234 238 
.Ecodecon{width: 100%;margin-bottom: 40px;}
235 
.Ecodebox{border-radius:4px;box-shadow: 0 2px 10px #ccc;padding:20px 10px;}
236 
.Ecodebox .Ecodecon{position: relative;min-height:100px;margin: auto;max-width: 300px;}
237 
.Ecodebox .Ecodecon img{position: absolute;left:0;top:50%;margin-top:-50px;width:100px;}
238 
.Ecodebox .Ecodecon .codecon{padding-left:100px;text-align: center;}
239 
.Ecodebox .Ecodecon .codecon h1{font-size: 18px;line-height:40px;font-weight:bold;color:#333;}
240 
.Ecodebox .Ecodecon .codecon h2{font-size: 16px;line-height:30px;font-weight:normal;color:#333;}
241 
.Ecodebox .Ecodecon .codecon h3{font-size: 14px;line-height:28px;font-weight:normal;color:#666;}
242
239 
.Ecodeinfo{margin:-50px 10px 20px;}
243 240 
/*专利论文邀请作者*/
244 241 
.invitebody2{background:#ffbd51;padding-bottom:20px;}
245 242 
.topSTit{position:relative;max-width:640px;padding:20px 0 0;text-align: center;}

+ 4 - 7
e/a.html
Voir le fichier 

@ -85,7 +85,7 @@
85 85 
		<!--留言-->
86 86 
		<div class="madiaBlock displayNone">
87 87 
			<div class="madiaTit" id="olisten">留言</div>
88 
			<ul class="mui-table-view commentBlock noactiveTab">
88 
			<ul class="mui-table-view commentBlock commentsArea">
89 89
90 90 
		   </ul>
91 91 
		</div>

@ -227,8 +227,8 @@
227 227 
				if($data.hasOrgLogo) {
228 228 
					mgimg="/images/org/" + $data.id + ".jpg";
229 229 
				}
230 
				document.getElementById("messImg").classList.add("cmpHead");
231 
				document.getElementById("messImg").innerHTML='<div class="boxBlock" style="width:50px;height:50px;"><img class="boxBlockimg" id="companyImg" src="'+ mgimg+'"></div>'
230 
				document.getElementById("messImg").classList.add("cmpHead2");
231 
				document.getElementById("messImg").innerHTML='<div class="boxBlock"><img class="boxBlockimg" id="companyImg" src="'+ mgimg+'"></div>'
232 232 
				if($data.authStatus == 3) {
233 233 
					document.getElementById("auth").classList.add("authicon-com-ok");
234 234 
				}

@ -479,12 +479,9 @@
479 479 
							}
480 480 
							var li = document.createElement("li");
481 481 
							li.innerHTML = '<div class="flexCenter clearfix" data-id="' + data.data[i].professor.id + '">' +
482 
								'<div class="madiaHead useHead" style="background-image:url(' + baImg + ')"></div>' +
482 
								'<div class="madiaHead useHead useHeadMsg" style="background-image:url(' + baImg + ')"></div>' +
483 483 
								'<div class="madiaInfo">' +
484 484 
								'<p><span class="h1Font" data-id="' + data.data[i].professor.id + '">' + data.data[i].professor.name + '</span><em class="authiconNew ' + userType.sty + '" title="科袖认证专家"></em></p>' +
485 
								'</div>' +
486 
								'</div>' +
487 
								'<div class="madiaInfo">' +
488 485 
								'<p class="h2Font">' + data.data[i].content + '</p>' +
489 486 
								'<p class="operateSpan">' +
490 487 
								'<span class="commenttime">' + commenTime(data.data[i].createTime) + '</span>' +

+ 2 - 2
e/c.html
Voir le fichier 

@ -80,10 +80,10 @@
80 80 
		</div>
81 81 
	    <div class="shareEcode">
82 82 
			<img class="Ecodecon" src="../images/ecordCard.jpg" />
83 
			<div style="margin:-50px 10px 20px;">
83 
			<div class="Ecodeinfo">
84 84 
				<a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app"><button class="frmbtn frmactive">下载移动客户端</button></a>
85 85 
			</div>
86 
		</div>
86 
	    </div>
87 87 
	</div>
88 88 
<script type="text/javascript">
89 89 
$(document).ready(function() {

+ 39 - 52
e/l.html
Voir le fichier 

@ -7,16 +7,9 @@
7 7 
<link rel="stylesheet" href="../css/reset.css" />
8 8 
<link rel="stylesheet" href="../css/common.css" />
9 9 
<link rel="stylesheet" href="../css/share.css" />
10
10 11 
<style>
11 
	#patentList,#paperList li{
12 
		border-bottom: 1px solid #c8c7cc;
13 
	}
14 
	#patentList,#paperList li:last-child{
15 
		border-bottom: none;
16 
	}
17 
</style>
18 
<style>
19 
	html,body{margin:0;padding:0px;background: #FFFFFF;}
12 
	html,body{background: #FFFFFF;}
20 13 
</style>
21 14 
<script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
22 15 
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
 
@ -74,15 +67,6 @@
74 67 
				<div class="madiaBlock displayNone" id="paperModule">
75 68 
						<div class="madiaTit">您可能感兴趣的论文</div>
76 69 
						<ul class="mui-table-view" id="paperList">
77 
							<li class="mui-table-view-cell">
78 
						       	<div class="flexCenter OflexCenter mui-clearfix">
79 
									<div class="madiaHead paperHead"></div>
80 
									<div class="madiaInfo OmadiaInfo">
81 
										<p class="ellipsisSty h1Font">CdS/CdSSe轴向异质结纳米线的非对称光波导及双波长激射</p>
82 
										<p class="ellipsisSty h2Font">作者：李丹,梁君武,刘华伟,张学红,万强,张清林,潘安练</p>
83 
									</div>
84 
								</div>
85 
					      </li>
86 70 
					    </ul>
87 71 
				</div>
88 72 
				<div class="madiaBlock displayNone" style="padding-bottom:50px;" id="leword">
 
@ -93,17 +77,8 @@
93 77 
				</div>
94 78 
	    </div>
95 79 
	    <div class="shareEcode">
96 
	    	<div class="Ecodebox">
97 
				<div class="Ecodecon clearfix">
98 
					<img src="../images/weixin_code.jpg" />
99 
					<div class="codecon">
100 
						<h1>「 科袖 」</h1>
101 
						<h2>搭建企业与专家的桥梁</h2>
102 
						<h3>长按识别科袖公众号</h3>
103 
					</div>
104 
				</div>
105 
			</div>
106 
			<div style="margin:20px auto;">
80 
			<img class="Ecodecon" src="../images/ecordCard.jpg" />
81 
			<div class="Ecodeinfo">
107 82 
				<a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app"><button class="frmbtn frmactive">下载移动客户端</button></a>
108 83 
			</div>
109 84 
	    </div>
 
@ -119,24 +94,24 @@ $(document).ready(function() {
119 94 
	var paperId = GetQueryString("id");
120 95 
	isAgreeNum()
121 96 
	function isAgreeNum() {
122 
	var data = {"id": paperId}
123 
	$.ajax({
124 
		url:"/ajax/ppaper/agreeCount",
125 
		data:data,
126 
		dataType: 'json', //数据格式类型
127 
		type: 'get', //http请求类型
128 
		timeout: 10000,
129 
		async: true,
130 
		success: function(data) {
131 
			if(data.success){
132 
					$(".thumbBtn").html("赞 <span>" + data.data + "</span>");
97 
		var data = {"id": paperId}
98 
		$.ajax({
99 
			url:"/ajax/ppaper/agreeCount",
100 
			data:data,
101 
			dataType: 'json', //数据格式类型
102 
			type: 'get', //http请求类型
103 
			timeout: 10000,
104 
			async: true,
105 
			success: function(data) {
106 
				if(data.success){
107 
						$(".thumbBtn").html("赞 <span>" + data.data + "</span>");
108 
				}
109 
			},
110 
			error: function() {
111 
				//$.MsgBox.Alert('提示',"服务器链接超时");
133 112 
			}
134 
		},
135 
		error: function() {
136 
			//$.MsgBox.Alert('提示',"服务器链接超时");
137 
		}
138 
	});
139 
}
113 
		});
114 
	}
140 115 
	leword();
141 116 
	function leword(){
142 117 
			$.ajax({
 
@ -188,7 +163,7 @@ $(document).ready(function() {
188 163 
	$(".commentBlock").on("click","li>.flexCenter",function(){
189 164 
		location.href="http://" + window.location.host + "/e/p.html?id=" + $(this).attr("data-id");
190 165 
	})
191 
	$("body").on("click",".authicon,.thumbBtn",function(){
166 
	$("body").on("click",".goSpan,.thumbBtn",function(){
192 167 
			location.href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app";
193 168 
			$(this).addClass("activeThis");
194 169 
		})
 
@ -206,11 +181,17 @@ $(document).ready(function() {
206 181 
			"success" : function(data) {
207 182 
				if(data.success) {
208 183 
					console.log(data);
209 
					var dataStr=data.data
184 
					var dataStr=data.data;
185 
					var lengthT;
186 
					if(dataStr.length>5){
187 
						lengthT=5;
188 
					}else{
189 
						lengthT=dataStr.length
190 
					}
210 191 
					if(dataStr.length > 0){
211 192 
						$("#paperModule").show();
212 193 
						var itemlist = '';
213 
						for(var i = 0; i < dataStr.length; i++) {
194 
						for(var i = 0; i < lengthT; i++) {
214 195 
							var itemlist = '<li class="mui-table-view-cell" data-id="'+dataStr[i].id+'">';
215 196 
							itemlist += '<div class="flexCenter OflexCenter mui-clearfix"><div class="madiaHead paperHead"></div>';
216 197 
							itemlist += '<div class="madiaInfo OmadiaInfo">';
 
@ -380,9 +361,9 @@ $(document).ready(function() {
380 361 
											liItem.className = "mui-table-view-cell"
381 362 
											var oString = '<div class="flexCenter mui-clearfix">'
382 363 
											oString += '<div class="madiaHead useHead" style="background-image:url('+ imgbg +')"></div>'
383 
											oString += '<div class="madiaInfo"><p><span class="h1Font">'+ showPro.name +'</span><em class="authicon '+ authTy +'" title="'+ authTit +'"></em></p>'
364 
											oString += '<div class="madiaInfo"><p><span class="h1Font">'+ showPro.name +'</span><em class="authiconNew '+ authTy +'" title="'+ authTit +'"></em></p>'
384 365 
											oString += '<p class="ellipsisSty h2Font">'+ baseInfo +'</p>'
385 
											oString += '</div></div>'
366 
											oString += '</div><div class="goSpan"><span class="attenSpan" data-id="'+showPro.id+'">关注</span></div></div>'
386 367 
											liItem.innerHTML = oString;
387 368 
											document.getElementById("aboutAuthors").appendChild(liItem);
388 369 
										}
 
@ -492,9 +473,15 @@ $(document).ready(function() {
492 473 
			"success" : function(data) {
493 474 
				if(data.success) {
494 475 
					var $data = data.data;
476 
					var lengthT;
477 
					if($data.length>5){
478 
						lengthT=5;
479 
					}else{
480 
						lengthT=$data.length
481 
					}
495 482 
					if($data.length > 0){
496 483 
						document.getElementById("patentModule").style.display="block";
497 
						for(var i = 0; i < $data.length; i++) {
484 
						for(var i = 0; i < lengthT; i++) {
498 485 
							var li = document.createElement("li");
499 486 
							li.setAttribute("data-id", $data[i].id);
500 487 
							li.className = "mui-table-view-cell";

+ 1 - 1
e/p.html
Voir le fichier 

@ -124,7 +124,7 @@
124 124
125 125 
	    <div class="shareEcode">
126 126 
			<img class="Ecodecon" src="../images/ecordCard.jpg" />
127 
			<div style="margin:-50px 10px 20px;">
127 
			<div class="Ecodeinfo">
128 128 
				<a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app"><button class="frmbtn frmactive">下载移动客户端</button></a>
129 129 
			</div>
130 130 
	    </div>

+ 2 - 3
e/r.html
Voir le fichier 

@ -95,7 +95,7 @@
95 95 
	    </div>
96 96 
	    <div class="shareEcode">
97 97 
			<img class="Ecodecon" src="../images/ecordCard.jpg" />
98 
			<div style="margin:-50px 10px 20px;">
98 
			<div class="Ecodeinfo">
99 99 
				<a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app"><button class="frmbtn frmactive">下载移动客户端</button></a>
100 100 
			</div>
101 101 
	    </div>
 
@ -226,9 +226,8 @@ $(document).ready(function() {
226 226 
						if(mydata.organization.hasOrgLogo) {
227 227 
							mgimg="/images/org/" + mydata.organization.id + ".jpg";
228 228 
						}
229 
						othisPic.classList.add("cmpHead");
229 
						othisPic.classList.add("cmpHead2");
230 230 
						othisPic.innerHTML='<div class="boxBlock"><img class="boxBlockimg" id="companyImg" src="'+ mgimg+'"></div>'
231 
						othisPic.parentNode.querySelector("madiaInfo").classList.add("OmadiaInfo");
232 231 
						if(mydata.organization.authStatus==3){
233 232 
							oauthFlag.classList.add("authicon-com-ok");
234 233 
						}

+ 21 - 35
e/z.html
Voir le fichier 

@ -8,13 +8,8 @@
8 8 
<link rel="stylesheet" href="../css/common.css" />
9 9 
<link rel="stylesheet" href="../css/share.css" />
10 10 
<style>
11 
	html,body{margin:0;padding:0px;background: #FFFFFF;}
12 
	#patentList,#paperList li{
13 
		border-bottom: 1px solid #c8c7cc;
14 
	}
15 
	#patentList,#paperList li:last-child{
16 
		border-bottom: none;
17 
	}
11 
	html,body{background: #FFFFFF;}
12
18 13 
</style>
19 14 
<script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
20 15 
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
 
@ -81,15 +76,6 @@
81 76 
				<div class="madiaBlock displayNone" id="patentModule">
82 77 
						<div class="madiaTit">您可能感兴趣的专利</div>
83 78 
						<ul class="mui-table-view" id="patentList">
84 
							<!--<li class="mui-table-view-cell">
85 
						       	<div class="flexCenter OflexCenter mui-clearfix">
86 
									<div class="madiaHead patentHead"></div>
87 
									<div class="madiaInfo OmadiaInfo">
88 
										<p class="ellipsisSty h1Font">CdS/CdSSe轴向异质结纳米线的非对称光波导及双波长激射</p>
89 
										<p class="ellipsisSty h2Font">作者：李丹,梁君武,刘华伟,张学红,万强,张清林,潘安练</p>
90 
									</div>
91 
								</div>
92 
					       </li>-->
93 79 
					    </ul>
94 80 
				</div>
95 81 
				<div class="madiaBlock displayNone" style="padding-bottom:50px;" id="leword">
 
@ -100,17 +86,8 @@
100 86 
				</div>
101 87 
	    </div>
102 88 
	    <div class="shareEcode">
103 
	    	<div class="Ecodebox">
104 
				<div class="Ecodecon clearfix">
105 
					<img src="../images/weixin_code.jpg" />
106 
					<div class="codecon">
107 
						<h1>「 科袖 」</h1>
108 
						<h2>搭建企业与专家的桥梁</h2>
109 
						<h3>长按识别科袖公众号</h3>
110 
					</div>
111 
				</div>
112 
			</div>
113 
			<div style="margin:20px auto;">
89 
			<img class="Ecodecon" src="../images/ecordCard.jpg" />
90 
			<div class="Ecodeinfo">
114 91 
				<a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app"><button class="frmbtn frmactive">下载移动客户端</button></a>
115 92 
			</div>
116 93 
	    </div>
 
@ -174,9 +151,6 @@ $(document).ready(function() {
174 151 
								'<div class="madiaHead useHead" style="background-image:url(' + baImg + ')"></div>' +
175 152 
								'<div class="madiaInfo">' +
176 153 
								'<p><span class="h1Font" data-id="' + data.data[i].professor.id + '">' + data.data[i].professor.name + '</span><em class="authiconNew ' + userType.sty + '" title="科袖认证专家"></em></p>' +
177 
								'</div>' +
178 
								'</div>' +
179 
								'<div class="madiaInfo">' +
180 154 
								'<p class="h2Font">' + data.data[i].content + '</p>' +
181 155 
								'<p class="operateSpan">' +
182 156 
								'<span class="commenttime">' + commenTime(data.data[i].createTime) + '</span>' +
 
@ -195,7 +169,7 @@ $(document).ready(function() {
195 169 
	$(".commentBlock").on("click","li>.flexCenter",function(){
196 170 
		location.href="http://" + window.location.host + "/e/p.html?id=" + $(this).attr("data-id");
197 171 
	})
198 
	$("body").on("click",".authicon,.thumbBtn",function(){
172 
	$("body").on("click",".goSpan,.thumbBtn",function(){
199 173 
			location.href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app";
200 174 
			$(this).addClass("activeThis");
201 175 
		})
 
@ -214,10 +188,16 @@ $(document).ready(function() {
214 188 
				if(data.success) {
215 189 
					console.log(data);
216 190 
					var dataStr=data.data
191 
					var lengthT;
192 
					if(dataStr.length>5){
193 
						lengthT=5;
194 
					}else{
195 
						lengthT=dataStr.length
196 
					}
217 197 
					if(dataStr.length > 0){
218 198 
						$("#patentModule").show();
219 199 
						var itemlist = '';
220 
						for(var i = 0; i < dataStr.length; i++) {
200 
						for(var i = 0; i < lengthT; i++) {
221 201
222 202 
							var itemlist = '<li class="mui-table-view-cell" data-id="'+dataStr[i].id+'">';
223 203 
							itemlist += '<div class="flexCenter OflexCenter mui-clearfix"><div class="madiaHead patentHead"></div>';
 
@ -394,9 +374,9 @@ $(document).ready(function() {
394 374 
											liItem.className = "mui-table-view-cell"
395 375 
											var oString = '<div class="flexCenter mui-clearfix">'
396 376 
											oString += '<div class="madiaHead useHead" style="background-image:url('+ imgbg +')"></div>'
397 
											oString += '<div class="madiaInfo"><p><span class="h1Font">'+ showPro.name +'</span><em class="authicon '+ authTy +'" title="'+ authTit +'"></em></p>'
377 
											oString += '<div class="madiaInfo"><p><span class="h1Font">'+ showPro.name +'</span><em class="authiconNew '+ authTy +'" title="'+ authTit +'"></em></p>'
398 378 
											oString += '<p class="ellipsisSty h2Font">'+ baseInfo +'</p>'
399 
											oString += '</div></div>'
379 
											oString += '</div><div class="goSpan"><span class="attenSpan" data-id="'+showPro.id+'">关注</span></div></div>'
400 380 
											liItem.innerHTML = oString;
401 381 
											document.getElementById("aboutAuthors").appendChild(liItem);
402 382 
										}
 
@ -509,10 +489,16 @@ $(document).ready(function() {
509 489 
				if(data.success) {
510 490 
					console.log(data);
511 491 
					var dataStr=data.data
492 
					var lengthT;
493 
					if(dataStr.length>5){
494 
						lengthT=5;
495 
					}else{
496 
						lengthT=dataStr.length
497 
					}
512 498 
					if(dataStr.length > 0){
513 499 
						$("#paperModule").show();
514 500 
						var itemlist = '';
515 
						for(var i = 0; i < dataStr.length; i++) {
501 
						for(var i = 0; i < lengthT; i++) {
516 502 
							var itemlist = '<li class="mui-table-view-cell" data-id="'+dataStr[i].id+'">';
517 503 
							itemlist += '<div class="flexCenter OflexCenter mui-clearfix"><div class="madiaHead paperHead"></div>';
518 504 
							itemlist += '<div class="madiaInfo OmadiaInfo">';