apeblog/public/template/default/pc/article/user.html

180 lines
7.5 KiB
HTML

<!DOCTYPE html>
<html lang="zh">
<head>
<title>{$apeField['meta_title']} - {:web_config('title')}</title>
<meta name="keywords" content="{$apeField['keywords']}" />
<meta name="description" content="{$apeField['description']}" />
{include file="public/head" /}
</head>
<body>
<script>NProgress.start();</script>
<div id="app">
{include file="public/header" /}
<div class="top-divider"></div>
<main class="container">
<div class="html-main">
<div class="post-main">
<div class="post-list-page-plane">
<div class="list-plane-title">
<div>{$author} 的文章</div>
</div>
<ul class="post-list">
{ape:list pagesize="10" type="where" where="author='$author'"}
<li class="post-item">
<div class="post-item-container">
<div class="post-item-thumbnail">
<a href="{$field['url']}">
<img src="__IMG__/loading.gif" data-original="{:file_cdn($field['cover_path'])}"/>
</a>
</div>
<!-- tag链接等待完善-->
{notempty name="$field['tags']"}
<div class="post-item-tags ">
<span class="cat-item">
<a href="{$field['url']}">{:cn_substr($field['tags'],15)}</a>
</span>
</div>
{/notempty}
<div class="post-item-main">
<h2>
<a href="{$field['url']}" style="white-space: nowrap;text-overflow: ellipsis;">{:cn_substr($field['title'],20)}</a>
</h2>
<div class="post-item-content">
<a target="_blank" href="{$field['url']}" style="white-space: nowrap;text-overflow: ellipsis;">{:cn_substr($field['content'],100)}</a>
</div>
<div class="post-item-info">
<div class="post-item-meta">
<div class="post-item-meta-item">
<span class="post-item-meta-author">
<!-- <img alt="" src="__IMG__/corepress_avatar/1.jpg" srcset="__IMG__/corepress_avatar/1.jpg 2x" class="avatar avatar-24 photo post-item-avatar"-->
<!-- height="24" width="24" loading="lazy"/>-->
{$field['author']}
</span>
<span class="post-item-time">{$field['create_time']}</span>
</div>
<div class="item-post-meta-other">
<span><i class="fas fa-eye" aria-hidden="true"></i>{$field['view']}</span>
<!-- <span><i class="fas fa-comment-alt-lines"></i>0</span>-->
</div>
</div>
</div>
</div>
</div>
</li>
{/ape:list}
</ul>
<div class="pages">
<div class="fenye">
{$pager|raw}
</div>
</div>
</div>
</div>
<div class="sidebar">
<div class="sidebar-box-list">
<div class="aside-box">
<form class="search-form" action="{:url('/index/article/search')}" method="get" role="search">
<div class="search-form-input-plane">
<input type="text" class="search-keyword" name="kw" placeholder="搜索内容"/>
</div>
<div>
<button type="submit" class="search-submit" value="&#xf002;">搜索</button>
</div>
</form>
</div>
<div class="aside-box">
<h2 class="widget-title">热门阅读</h2>
{ape:arclist row="6" type="where" orderBy="view desc"}
<div class="hot-post-widget-item">
<div>
<span class="hot-post-widget-item-num">{$i}</span>
<span class="hot-post-widget-item-title">
<a href="{$field['url']}">{:cn_substr($field['title'],15)}</a>
</span>
</div>
<div class="hot-post-widget-item-meta">
<div>{$field['create_time']}</div>
<div>
<a href="#">{:cn_substr($field['category_title'],5)}</a>
</div>
</div>
</div>
{/ape:arclist}
</div>
<div class="aside-box">
<h2 class="widget-title">标签云</h2>
<script src="__JS__/TagCloud.js"></script>
<div class="corepress-tag-cloud">
<div class="corepress-tag-container-tag1"></div>
</div>
<style>
.corepress-tagcloud a {
font-size: 12px;
color: #fff;
padding: 0 !important;
}
.corepress-tagcloud a:hover {
color: #fff !important;
}
.tagcloud--item {
color: #fff;
padding: 2px 4px;
border-radius: 3px;
cursor: pointer;
}
.tagcloud--item:hover {
opacity: 1 !important;
z-index: 100 !important;
}
</style>
<script>
$.get("{:url('/index/article/taglist')}",function(data,status){
TagCloud(
".corepress-tag-container-tag1",
data.data,
{},
[
"#67C23A",
"#E6A23C",
"#F56C6C",
"#909399",
"#CC9966",
"#FF6666",
"#99CCFF",
"#FF9999",
"#CC6633",
"#67C23A",
'#ef5b9c',
'#fcaf17',
'#009ad6',
'#003A8C',
'#f36c21'
]
);
});
</script>
</div>
{ape:advert row="3" type="2"}
<div class="aside-box">
<h2 class="widget-title">{$field['title']}</h2>
<a href="{$field['url']}" target="_blank">
<img width="300" height="191" src="{$field['cover_path']}"
class="image wp-image-559 attachment-medium size-medium" alt=""
loading="lazy" style="max-width: 100%; height: auto;">
</a>
</div>
{/ape:advert}
</div>
</div>
</div>
</main>
{include file="public/footer"/}
<script src="__LIB__/highlight/init.js"></script>
</div>
</body>
</html>