索引展示形式

This commit is contained in:
@fawn-nine
2023-07-24 09:00:35 +08:00
parent 09deb8248b
commit 034476a695
3 changed files with 58 additions and 8 deletions

View File

@@ -76,6 +76,7 @@
</style>
</head>
<body>
<div class="newBox">
<div id="col-content">
<div id="top_bar">
<!--头部-->
@@ -317,12 +318,15 @@
<br clear="both">
</div>
</div>
<div class="PicPreview">
<img src="#" alt="">
</div>
<div class="footer">
<!--底部菜单栏-->
</div>
</div>
</div>
</body>
<script src="js/jquery.min.js"></script>
<script src="js/return-top.js"></script>

View File

@@ -6878,10 +6878,25 @@ function article_con() {
var str = '';
for (var i = 0; i < arr.length; i++) {
if (arr[i].width == 0) {
str += '<p>' + arr[i].content + '</p>'
if(arr[i].is_title == 1){
if(arr[i].content.indexOf("<p>") >= 0){
str += "<div class='Ptitle'>"+arr[i].content+"</div>"
}else{
str += '<div class="Ptitle"><p>' + arr[i].content + '</p></div>'
}
}else{
if(arr[i].content.indexOf("<p>") >= 0){
str += arr[i].content
}else{
str += '<p>' + arr[i].content + '</p>'
}
}
} else {
str += '<div class="imgHnkl"><img src="https://submission.tmrjournals.com/public/mainimg/'
+ arr[i].content + '" width="'+arr[i].width+'"/><p>' + arr[i].note + '</p></div>'
var picsrc = 'https://submission.tmrjournals.com/public/mainimg/' + arr[i].content;
var fun = "picPreview('"+ picsrc +"');"
// console.log(fun)
str += "<div class='imgHnkl'><img class='mainPicItem' onclick="+ fun +" src='https://submission.tmrjournals.com/public/mainimg/"
+ arr[i].content + "' width='"+arr[i].width+"'/><p>" + arr[i].note + "</p></div>"
}
}
$('.wen_rong .content-box .conthtmn').html(str);
@@ -6894,18 +6909,18 @@ function article_con() {
if(result.data.refers[rr].refer_type=='journal' && result.data.refers[rr].doilink != '' ){
// journal
xuhao ++
item = "<div><p>"+ xuhao + '.' + result.data.refers[rr].author + result.data.refers[rr].title + "<i>" + result.data.refers[rr].joura +"</i>" + result.data.refers[rr].dateno + ". <br/>Available at:<a class='refsLink' href='"+ result.data.refers[rr].doilink +"' target='_blank' style='color:#006699'>"+ result.data.refers[rr].doilink +"</a></p></div>"
item = "<div><p>"+ xuhao + '.' + result.data.refers[rr].author + result.data.refers[rr].title + ".<i>" + result.data.refers[rr].joura +"</i>" + result.data.refers[rr].dateno + ". <br/>Available at:<a class='refsLink' href='"+ result.data.refers[rr].doilink +"' target='_blank' style='color:#006699; word-wrap:break-word;'>"+ result.data.refers[rr].doilink +"</a></p></div>"
refs += item
}else if(result.data.refers[rr].refer_type=='book' && result.data.refers[rr].isbn != ''){
// book
xuhao ++
item = "<div><p>"+ xuhao + '.' + result.data.refers[rr].author + result.data.refers[rr].title + result.data.refers[rr].dateno + ". <br/>Available at:<a target='_blank' href='" + result.data.refers[rr].isbn + "'> </p></div>"
item = "<div><p>"+ xuhao + '.' + result.data.refers[rr].author + result.data.refers[rr].title+"." + result.data.refers[rr].dateno + ". <br/>Available at:<a target='_blank' style='color:#006699; word-wrap:break-word;' href='" + result.data.refers[rr].isbn + "'> </p></div>"
refs += item
}else if(result.data.refers[rr].refer_type=='other' && result.data.refers[rr].refer_frag != '' && result.data.refers[rr].refer_frag.length > 15){
// other
xuhao ++
item = "<div><p>"+ xuhao + '.' + result.data.refers[rr].refer_frag +"</p></div>"
item = "<div><p>"+ xuhao + '.' + result.data.refers[rr].refer_frag +".</p></div>"
refs += item
}else{
continue;
@@ -7369,3 +7384,12 @@ function article_con() {
})
}
// 图片预览
function picPreview(src){
console.log(src)
$('.PicPreview img').attr('src', src)
$('.PicPreview').show()
}
$('.PicPreview').on('click', function () {
$('.PicPreview').hide()
})

View File

@@ -4927,4 +4927,26 @@ ul li .ab_tad {
.reviewerBox .box{display: inline-block; padding: 10px;}
.reviewerBox .box span{display: block; margin-bottom: 5px;}
.reviewerBox:after{position: absolute; left: 145px; top:0; content: ''; width:2px; height: 100%; border-right: 2px dashed #2894ef; z-index: 0;}
.trackItem .reviewerBox:first-child{padding-top: 15px;}
.trackItem .reviewerBox:first-child{padding-top: 15px;}
/* 图片预览 */
.PicPreview{display: none;
position: absolute; z-index: 100;
top: 0;
left:0;
width: 100%;
height: 100vh; overflow-y: scroll;
background: rgba(0, 0, 0, 0.5);}
.PicPreview img {
background-color: #fff;
max-width:900px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
left: 50%;
}
.newBox{height: 100vh; overflow-y: scroll;}
.Ptitle{background: rgb(23, 138, 184);
padding: 4px; margin: 15px 0;}
.Ptitle p{margin-bottom: 0 !important; font-weight: bold; color: #fff !important; font-style: italic;}
#html88 strong{font-weight: bold !important;}