You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
210 lines
8.8 KiB
210 lines
8.8 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>知识库</title>
|
|
<link rel="stylesheet" href="{$smarty.const.CSS_URL}/css/common.css?v={$smarty.const.CSS_JS_VERSION}">
|
|
<link rel="stylesheet" href="{$smarty.const.CSS_URL}/css/index.css?v={$smarty.const.CSS_JS_VERSION}8">
|
|
<script src="{$smarty.const.CSS_URL}/js/jquery-3.6.0.min.js"></script>
|
|
{literal}
|
|
<style>
|
|
.comment-con,.comment-detail,.small-image-wrapper,.small-video-cover{
|
|
margin-top: 20px;
|
|
}
|
|
.comment-title{
|
|
margin-bottom: 20px;
|
|
color: green;
|
|
}
|
|
.small-image-wrapper{
|
|
margin-bottom: 20px;
|
|
}
|
|
.small-image-wrapper{
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
column-gap: 10px;
|
|
row-gap: 10px;
|
|
}
|
|
.comment-txt img{
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
.small-image-img{
|
|
width: 100%;
|
|
height: 100%;
|
|
margin-bottom: 20px;
|
|
}
|
|
#next-page,#prev-page{
|
|
cursor: pointer;
|
|
}
|
|
</style>
|
|
{/literal}
|
|
</head>
|
|
|
|
<body>
|
|
<div class="home-page">
|
|
{include file="include/header.html"}
|
|
<div class="home-main-content">
|
|
<div class="tab-list index-nav-wrap flex">
|
|
<ul class="tab-wrap">
|
|
<li class="index-nav-wrap-li" type="1"><span {if $smarty.get.search_type == "1"}class="active"{/if}>选中评论</span></li>
|
|
<li class="index-nav-wrap-li" type="0"><span {if $smarty.get.search_type == "0"}class="active"{/if}>剔除评论</span></li>
|
|
<li class="index-nav-wrap-li" type="-1"><span {if $smarty.get.search_type == "-1"}class="active"{/if}>全部评论</span></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="comment-con">
|
|
<div class="comment-title">微博内容：</div>
|
|
|
|
<div class="list_item_top flex">
|
|
<div class="list_item_top_l">
|
|
<span class="green">微博</span>
|
|
<b class="refer_text"></b>
|
|
<span class="name">张宝旬</span>
|
|
<span>录入：{$data.created_at}</span>
|
|
<a href="https://m.weibo.cn/detail/{$data.wid}" target="_blank">微博地址</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="comment-detail">
|
|
{$data.text}
|
|
</div>
|
|
|
|
{if $data.pic_arr}
|
|
<div class="small-image-wrapper">
|
|
{foreach from=$data.pic_arr item=item}
|
|
<div class="small-image">
|
|
<span class="small-image-desc">图片</span>
|
|
<img src="{$item}" alt="Small Image" class="small-image-img">
|
|
<img class="delete-btn hide" src="../images/delete-icon.svg" alt="Small Image">
|
|
</div>
|
|
{/foreach}
|
|
</div>
|
|
{/if}
|
|
|
|
{if $data.video_url}
|
|
<div class="small-video-cover" href="{$data.video_url}">
|
|
<span class="small-image-desc">视频</span>
|
|
<img class="small-video-show" src="{if $data.video_cover}{$data.video_cover}{else}'../images/vedio_img.png'{/if}" alt="Video Cover">
|
|
<img src="../images/play.svg" class="play-video" alt="...丢了">
|
|
</div>
|
|
{/if}
|
|
|
|
{if $comment_list}
|
|
<div class="comment-list">
|
|
<div class="comment-title">评论内容：</div>
|
|
{foreach from=$comment_list key=key item=item}
|
|
<div class="list_item_top flex" style="margin-top: 20px;" idattr="{$item.id}">
|
|
<div class="list_item_top_l">
|
|
<!-- <span class="green">评论</span> -->
|
|
<b class="refer_text"></b>
|
|
<span class="name">{$key+1}.{$item.screen_name}</span>
|
|
<span>{$item.comment_time} {$item.source}</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="list_item_top flex" style="margin-top: 10px;">
|
|
<div class="list_item_top_l">
|
|
<span class="green">评论</span>
|
|
<b class="refer_text"></b>
|
|
<span class="name comment-txt">{$item.content}</span>
|
|
<span class="{if $item.is_search==1}green{elseif $item.is_search==0}red{elseif $item.is_search==0}grey{/if}">{$search_status_list[$item.is_search]}</span>
|
|
</div>
|
|
</div>
|
|
{/foreach}
|
|
</div>
|
|
{/if}
|
|
</div>
|
|
|
|
<div class="pagination" v-if="total > 0">
|
|
<img id="prev-page" src="/images/prev.svg" alt="">
|
|
|
|
<ul id="page-numbers">
|
|
{if $last_page <= 6}
|
|
{section name=num loop=$last_page}
|
|
<span class="{if $cur_page == ($smarty.section.num.index+1)}pagActive{/if}" page="{$smarty.section.num.index+1}">{$smarty.section.num.index+1}</span>
|
|
{/section}
|
|
{/if}
|
|
|
|
{if $last_page > 6}
|
|
{if $cur_page <= 5}
|
|
{section name=num loop=5}
|
|
<span class="{if $cur_page == ($smarty.section.num.index+1)}pagActive{/if}" page="{$smarty.section.num.index+1}">{$smarty.section.num.index+1}</span>
|
|
{/section}
|
|
<span>...</span>
|
|
<span page="{$last_page}">{$last_page}</span>
|
|
{elseif $cur_page > $last_page-5}
|
|
<span page="1">1</span>
|
|
<span>...</span>
|
|
|
|
{section name=num loop=5}
|
|
<span class="{if $cur_page == ($last_page-5+$smarty.section.num.index+1)}pagActive{/if}" page="{$last_page-5+$smarty.section.num.index+1}">{$last_page-5+$smarty.section.num.index+1}</span>
|
|
{/section}
|
|
|
|
{else}
|
|
<span page="1">1</span>
|
|
<span>...</span>
|
|
{section name=num loop=5}
|
|
<span class="{if $cur_page == ($cur_page-2+$smarty.section.num.index)}pagActive{/if}" page="{$cur_page-2+$smarty.section.num.index}">{$cur_page-2+$smarty.section.num.index}</span>
|
|
{/section}
|
|
<span>...</span>
|
|
<span page="{$last_page}">{$last_page}</span>
|
|
{/if}
|
|
{/if}
|
|
</ul>
|
|
|
|
<img id="next-page" src="/images/next.svg" alt="">
|
|
<div class="input-page">
|
|
<span>前往</span>
|
|
<input type="number" id="jump-to-page" min="1" placeholder="页码">
|
|
<span>页</span>
|
|
</div>
|
|
<button id="go-to-page">跳转</button>
|
|
</div>
|
|
|
|
</div>
|
|
{include file="include/footer.html"}
|
|
</div>
|
|
|
|
<div id="hidecomments" style="display: none;"></div>
|
|
<div id="last_page" style="display: none;">{$last_page}</div>
|
|
|
|
</body>
|
|
|
|
{literal}
|
|
<script>
|
|
$('.index-nav-wrap-li').click(function(){
|
|
var type = $(this).attr('type')
|
|
window.location.href = location.href.replace(/\&search\_type=(\-)?\d+/, '').replace(/\&page=\d+/, '') +'&search_type='+type
|
|
})
|
|
|
|
$('#page-numbers span').click(function(){
|
|
var page = $(this).attr('page')
|
|
if(!page) return;
|
|
location.href = location.href.replace(/\&page=\d+/, '') +'&page='+page
|
|
})
|
|
|
|
$('#next-page').click(function(){
|
|
var page = parseInt($('#page-numbers span.pagActive').attr('page')) + 1
|
|
if(page > parseInt($('#last_page').text())) return;
|
|
|
|
location.href = location.href.replace(/\&page=\d+/, '') +'&page='+page
|
|
})
|
|
|
|
$('#prev-page').click(function(){
|
|
var page = parseInt($('#page-numbers span.pagActive').attr('page')) - 1
|
|
if(page < 1) return;
|
|
location.href = location.href.replace(/\&page=\d+/, '') +'&page='+page
|
|
})
|
|
|
|
$('#go-to-page').click(function(){
|
|
var page = $('#jump-to-page').val()
|
|
if(page > parseInt($('#last_page').text())) page = parseInt($('#last_page').text())
|
|
if(page < 1) page = 1
|
|
location.href = location.href.replace(/\&page=\d+/, '') +'&page='+page
|
|
})
|
|
</script>
|
|
{/literal}
|
|
|
|
</html>
|