1、Highlights 修改分页
2、article 增加 doi 引用 3、将 mains 和 refers 新的接口获取
This commit is contained in:
256
article.html
256
article.html
@@ -1,53 +1,62 @@
|
||||
<!doctype html>
|
||||
<html lang="zh">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<title></title>
|
||||
<link rel="shortcut icon" href="img/tmr3.png" type="image/x-icon"/>
|
||||
<link rel="shortcut icon" href="img/tmr3.png" type="image/x-icon" />
|
||||
<link rel="stylesheet" type="text/css" href="style/font-awesome/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="style/style.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="style/layui.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="style/style.css" />
|
||||
<link rel="stylesheet" type="text/css" href="style/layui.css" />
|
||||
<script type='text/javascript'
|
||||
src='https://platform-api.sharethis.com/js/sharethis.js#property=5ff7d85fd7d501001255ad98&product=inline-share-buttons'
|
||||
async='async'></script>
|
||||
<style>
|
||||
.article__{
|
||||
.article__ {
|
||||
background-color: #f4fafd;
|
||||
padding: 0 15px;
|
||||
margin-top: -15px;
|
||||
}
|
||||
|
||||
.act_chajian {
|
||||
padding: 10px 15px;
|
||||
}
|
||||
.pos_ter{
|
||||
padding:0 0 20px 0
|
||||
|
||||
.pos_ter {
|
||||
padding: 0 0 20px 0
|
||||
}
|
||||
.pos_ter>div:nth-child(1){
|
||||
|
||||
.pos_ter>div:nth-child(1) {
|
||||
width: 275px;
|
||||
height: 105px;
|
||||
}
|
||||
.pos_ter>div:nth-child(3){
|
||||
|
||||
.pos_ter>div:nth-child(3) {
|
||||
width: 235px;
|
||||
height: 68px;
|
||||
padding: 25px 12px 12px 12px;
|
||||
}
|
||||
.pos_ter>div:nth-child(4){
|
||||
|
||||
.pos_ter>div:nth-child(4) {
|
||||
width: 242px;
|
||||
height: 90px;
|
||||
padding: 15px 0 0 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.pos_ter>div:nth-child(4) img{
|
||||
|
||||
.pos_ter>div:nth-child(4) img {
|
||||
width: 100%;
|
||||
}
|
||||
.pos_ter>div{
|
||||
|
||||
.pos_ter>div {
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
background-color: #fff;
|
||||
}
|
||||
.pos_ter>a{
|
||||
|
||||
.pos_ter>a {
|
||||
float: left;
|
||||
width: 240px;
|
||||
text-align: center;
|
||||
@@ -63,22 +72,179 @@
|
||||
margin-bottom: 10px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.conthtmn>p {
|
||||
min-height: 20px;
|
||||
}
|
||||
.conthtmn .imgHnkl{
|
||||
|
||||
.conthtmn .imgHnkl {
|
||||
text-align: center;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.conthtmn .imgHnkl p{
|
||||
|
||||
.conthtmn .imgHnkl p {
|
||||
color: #006699;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* 相关引用次数 */
|
||||
.article-quote-box {
|
||||
width: 32%;
|
||||
padding: 20px 20px;
|
||||
box-sizing: border-box;
|
||||
margin-right: 1%;
|
||||
|
||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.02);
|
||||
float: left;
|
||||
}
|
||||
|
||||
.SciteBadge {}
|
||||
|
||||
.article-quote-box {
|
||||
background-color: #fff;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.article-quote-box a {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.article-quote-box .quote-source {
|
||||
width: 100%;
|
||||
font-size: 13px;
|
||||
padding: 0px 10px 20px;
|
||||
box-sizing: border-box;
|
||||
|
||||
text-align: center;
|
||||
color: #333;
|
||||
|
||||
}
|
||||
|
||||
.article-quote-box .quote-content {
|
||||
font-size: 12px;
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
|
||||
color: #444;
|
||||
}
|
||||
|
||||
.article-quote-box .quote-content .quote-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.article-quote-box .quote-content .quote-item img {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.article-quote-box .quote-content .quote-item .count {
|
||||
min-width: 50px;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.article-quote-box a {
|
||||
display: inline-block;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
.article-quote-box a .link {
|
||||
text-decoration: underline !important;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.quoteNumber {
|
||||
color: #006699;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.quoteNumber:hover {
|
||||
text-decoration: underline !important;
|
||||
}
|
||||
|
||||
#framed_div .quote-content a {
|
||||
color: #006699;
|
||||
}
|
||||
|
||||
#framed_div .quote-content a:hover {
|
||||
text-decoration: underline !important;
|
||||
}
|
||||
|
||||
.info-box {
|
||||
padding: 10px;
|
||||
background-color: #f5f5f5;
|
||||
position: relative;
|
||||
color: #333 !important
|
||||
}
|
||||
|
||||
.info-box:before {
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
top: 5px;
|
||||
font-size: 18px;
|
||||
|
||||
color: #333
|
||||
}
|
||||
|
||||
.info-box__copyright:before {
|
||||
content: "copyright";
|
||||
}
|
||||
|
||||
.info-box__highlight {
|
||||
background-color: #ffb800
|
||||
}
|
||||
|
||||
.info-box a {
|
||||
font-weight: 700;
|
||||
color: #006699 !important;
|
||||
}
|
||||
|
||||
.info-box__container {
|
||||
margin-top: 16px;
|
||||
margin-left: 8px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.in-tab {
|
||||
display: none;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.openCrossref {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
transform: scale(0);
|
||||
animation: fadeInAndGrow 0.5s forwards;
|
||||
|
||||
}
|
||||
|
||||
@keyframes fadeInAndGrow {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: scale(0);
|
||||
}
|
||||
|
||||
50% {
|
||||
opacity: 1;
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
/* 相关引用次数 */
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="newBox">
|
||||
<div id="col-content">
|
||||
<div id="col-content">
|
||||
<div id="top_bar">
|
||||
<!--头部-->
|
||||
</div>
|
||||
@@ -142,13 +308,14 @@
|
||||
<div class="content-box">
|
||||
<div class="content contercon contentin">
|
||||
<div class="abst"
|
||||
style="margin: 20px 0 40px 0;text-align: justify;word-wrap: break-word;color:#444;font-size: 15px"></div>
|
||||
style="margin: 20px 0 40px 0;text-align: justify;word-wrap: break-word;color:#444;font-size: 15px">
|
||||
</div>
|
||||
<div class="keyw">
|
||||
<b>Key words: </b><span class="ur_red"></span>
|
||||
</div>
|
||||
<!-- <div class="fund">-->
|
||||
<!-- <b>Fund: </b><span></span>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="fund">-->
|
||||
<!-- <b>Fund: </b><span></span>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="coau">-->
|
||||
<!-- <b>Corresponding author: </b><span></span>-->
|
||||
<!-- </div>-->
|
||||
@@ -218,13 +385,48 @@
|
||||
<p>Latest Research and News</p>
|
||||
<input id="combox4" autocomplete="off" placeholder="Please choose topics"
|
||||
style="width: 250px;height: 29px">
|
||||
<input type="text" id="emaplm" value="" placeholder="Please enter a valid email address"/>
|
||||
<input type="text" id="emaplm" value=""
|
||||
placeholder="Please enter a valid email address" />
|
||||
<br><span class="spa spa111"></span>
|
||||
<input type="submit" value="Subscribe" class="yue_addm"/>
|
||||
<input type="submit" value="Subscribe" class="yue_addm" />
|
||||
<i class="icon"></i>
|
||||
</div>
|
||||
<br clear="both">
|
||||
</div>
|
||||
<!-- 相关引用次数-->
|
||||
<div style="background-color: #f4fafd;height: 20px" class=""></div>
|
||||
<div class=" article-quote" style="background-color: #f4fafd;">
|
||||
<h3 style="font-size: 32px;text-align: center;padding:20px;">Article Citations
|
||||
</h3>
|
||||
|
||||
<div>
|
||||
<ul style="overflow: hidden;padding: 10px 0;border: none;">
|
||||
<li class="article-quote-box DimensionsBadge">
|
||||
<a href="" target="_blank">
|
||||
<p class="quote-source "></p>
|
||||
<div class="quote-content "></div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="article-quote-box SciteBadge">
|
||||
<a href="" target="_blank">
|
||||
<p class="quote-source "></p>
|
||||
<div class="quote-content quote-content1">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="article-quote-box Crossref" style="margin-right: 0;">
|
||||
<p class="quote-source "></p>
|
||||
<div class="quote-content quote-content1">
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="framed_div" class="in-tab " style="margin-top: 10px; background-color: #fff;">
|
||||
<div class="info-box"></div>
|
||||
<div style="padding: 10px;" class="quote-content"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 相关引用次数-->
|
||||
<div style="background-color: #f4fafd;height: 20px" class="corr_late_bg"></div>
|
||||
<div class="corr_late">
|
||||
<h3>Related articles</h3>
|
||||
@@ -296,8 +498,8 @@
|
||||
<p>This work is licensed under a Creative Commons Attribution 4.0 International License.</p>
|
||||
</div>
|
||||
<div style="float: left;width: 65px;text-align: center">
|
||||
<a href="https://en.wikipedia.org/wiki/Open_access" style="text-align: center;display: block"
|
||||
target="_blank">
|
||||
<a href="https://en.wikipedia.org/wiki/Open_access"
|
||||
style="text-align: center;display: block" target="_blank">
|
||||
<img src="img/open.png" alt="" style="width: 85%;margin-top: 28px">
|
||||
</a>
|
||||
</div>
|
||||
@@ -310,7 +512,8 @@
|
||||
<a href="https://orcid.org/" target="_blank" style="float: left;display: block">
|
||||
<img src="img/orcid.svg" style="width: 160px">
|
||||
</a>
|
||||
<a href="https://orcid.org/" target="_blank" style="float: left;display: block;margin-left: 20px;">
|
||||
<a href="https://orcid.org/" target="_blank"
|
||||
style="float: left;display: block;margin-left: 20px;">
|
||||
<img src="img/or_id.png" alt="" style="width: 55px;height: 55px;">
|
||||
</a>
|
||||
<br clear="both">
|
||||
@@ -328,8 +531,8 @@
|
||||
<div class="footer">
|
||||
<!--底部菜单栏-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="js/return-top.js"></script>
|
||||
@@ -419,4 +622,5 @@
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
</html>
|
||||
762
js/article.js
762
js/article.js
File diff suppressed because it is too large
Load Diff
@@ -726,7 +726,7 @@ function bf_list() {
|
||||
data: {
|
||||
"journal_id": Jour_num,
|
||||
"pageIndex": '1',
|
||||
"pageSize": '30'
|
||||
"pageSize": '4'
|
||||
},
|
||||
success: function (result) {
|
||||
if (result.code == 0) {
|
||||
@@ -765,50 +765,50 @@ function bf_list() {
|
||||
|
||||
|
||||
// 中下侧Top cited / Top read / Top download文章
|
||||
$.ajax({
|
||||
type: 'post', url: apiUrl + 'api/Journal/getTopArticle',
|
||||
data: {
|
||||
"journal_id": Jour_num,
|
||||
"pageIndex": '1',
|
||||
"pageSize": '4'
|
||||
},
|
||||
success: function (result) {
|
||||
if (result.code == 0) {
|
||||
// $.ajax({
|
||||
// type: 'post', url: apiUrl + 'api/Journal/getTopArticle',
|
||||
// data: {
|
||||
// "journal_id": Jour_num,
|
||||
// "pageIndex": '1',
|
||||
// "pageSize": '4'
|
||||
// },
|
||||
// success: function (result) {
|
||||
// if (result.code == 0) {
|
||||
|
||||
var arr = result.data.articles;
|
||||
var str = "";
|
||||
// var arr = result.data.articles;
|
||||
// var str = "";
|
||||
|
||||
for (var i = 0; i < arr.length; i++) {
|
||||
if (i == 4) break;
|
||||
if (arr[i].icon == '') {
|
||||
var img_i = ''
|
||||
} else {
|
||||
var img_i = '<a target="_blank" href="article.html?J_num=' + Jour_num + '&a_id=' + arr[i].article_id + '"><img src="' + imgarticleUrl + arr[i].icon + '" alt=""></a>'
|
||||
}
|
||||
str += '<li>' + img_i +
|
||||
'<h6><a target="_blank" href="article.html?J_num=' + Jour_num + '&a_id=' + arr[i].article_id + '">' + arr[i].title + '</a></h6>' +
|
||||
'<div class="fo_fam">' + arr[i].abbr + '. | ' + arr[i].stage_year + '</div></li>'
|
||||
// for (var i = 0; i < arr.length; i++) {
|
||||
// if (i == 4) break;
|
||||
// if (arr[i].icon == '') {
|
||||
// var img_i = ''
|
||||
// } else {
|
||||
// var img_i = '<a target="_blank" href="article.html?J_num=' + Jour_num + '&a_id=' + arr[i].article_id + '"><img src="' + imgarticleUrl + arr[i].icon + '" alt=""></a>'
|
||||
// }
|
||||
// str += '<li>' + img_i +
|
||||
// '<h6><a target="_blank" href="article.html?J_num=' + Jour_num + '&a_id=' + arr[i].article_id + '">' + arr[i].title + '</a></h6>' +
|
||||
// '<div class="fo_fam">' + arr[i].abbr + '. | ' + arr[i].stage_year + '</div></li>'
|
||||
|
||||
|
||||
}
|
||||
// }
|
||||
|
||||
$('.ncon_tcrd>a').attr('href', 'article_list.html?J_num=' + Jour_num + '&top_id=' + Jour_num);
|
||||
$('.ncon_tcrd>ul').html(str + '<br clear="both">');
|
||||
// $('.ncon_tcrd>a').attr('href', 'article_list.html?J_num=' + Jour_num + '&top_id=' + Jour_num);
|
||||
// $('.ncon_tcrd>ul').html(str + '<br clear="both">');
|
||||
|
||||
if (arr == '') {
|
||||
$('.ncon_tcrd').css('display', 'none')
|
||||
}
|
||||
// if (arr == '') {
|
||||
// $('.ncon_tcrd').css('display', 'none')
|
||||
// }
|
||||
|
||||
|
||||
} else {
|
||||
// ShowDanger("请求失败！");
|
||||
$('.ncon_tcrd').css('display', 'none')
|
||||
}
|
||||
},
|
||||
error: function () {
|
||||
ShowDanger("error！");
|
||||
}
|
||||
})
|
||||
// } else {
|
||||
// // ShowDanger("请求失败！");
|
||||
// $('.ncon_tcrd').css('display', 'none')
|
||||
// }
|
||||
// },
|
||||
// error: function () {
|
||||
// ShowDanger("error！");
|
||||
// }
|
||||
// })
|
||||
|
||||
|
||||
// TMR 中下侧Top cited / Top read / Top download文章切换
|
||||
|
||||
Reference in New Issue
Block a user