mirror of https://github.com/1099438829/apeblog
277 lines
14 KiB
HTML
277 lines
14 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh">
|
|
<head>
|
|
<title>{:web_config('title')}</title>
|
|
<meta name="keywords" content="{:web_config('keywords')}">
|
|
<meta name="description" content="{:web_config('description')}">
|
|
{include file="public/head" /}
|
|
<link rel="stylesheet" href="__LIB__/swiper/swiper.min.css" />
|
|
<script type="text/javascript" src="__LIB__/swiper/swiper.min.js"></script>
|
|
</head>
|
|
<body>
|
|
<script>NProgress.start();</script>
|
|
<div id="app" class="app-show">
|
|
{include file="public/header" /}
|
|
<div class="top-divider"></div>
|
|
<main class="container">
|
|
<div class="html-main">
|
|
<div class="post-main">
|
|
<div>
|
|
<div class="swiper-container carousel">
|
|
<div class="swiper-wrapper">
|
|
{ape:advert row="5" type="1"}
|
|
<div class="swiper-slide">
|
|
<a href="{$field['url']}" >
|
|
<img src="{$field['cover_path']}" alt="{$field['title']}">
|
|
</a>
|
|
</div>
|
|
{/ape:advert}
|
|
</div>
|
|
<div class="swiper-pagination"></div>
|
|
<div class="swiper-button-prev"></div>
|
|
<div class="swiper-button-next"></div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
window.onload = function () {
|
|
var mySwiper = new Swiper('.swiper-container', {
|
|
loop: true,
|
|
autoplay: true,
|
|
delay: 3000,
|
|
pagination: {
|
|
el: '.swiper-pagination',
|
|
},
|
|
// 如果需要前进后退按钮
|
|
navigation: {
|
|
nextEl: '.swiper-button-next',
|
|
prevEl: '.swiper-button-prev',
|
|
},
|
|
})
|
|
}
|
|
</script>
|
|
<style>
|
|
.index-top-postcard-item {
|
|
flex-basis: 24%;
|
|
}
|
|
</style>
|
|
<div class="index-top-postcard-plane">
|
|
<div class="index-top-postcard-body">
|
|
{ape:advert row="4" type="2"}
|
|
<div class="index-top-postcard-item">
|
|
<div class="index-top-postcard-main">
|
|
<div class="post-item-thumbnail">
|
|
<a href="{$field['url']}"><img
|
|
src="{$field['cover_path']}" alt=""></a>
|
|
</div>
|
|
<div class="index-top-postcard-title">
|
|
<a href="{$field['url']}">{$field['title']}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{/ape:advert}
|
|
</div>
|
|
</div>
|
|
<div class="post-list-page-plane">
|
|
<div class="list-plane-title">
|
|
<div class="index-tab-plane">
|
|
<div class="index-tab-item index-tab-item-active" catid="0">最新文章</div>
|
|
</div>
|
|
<!-- <script>-->
|
|
<!-- var nowid = $('.index-tab-item-active').attr('catid');-->
|
|
<!-- $('.index-tab-item').click(function () {-->
|
|
<!-- if (nowid == $(this).attr('catid')) {-->
|
|
<!-- return;-->
|
|
<!-- }-->
|
|
<!-- nowid = $(this).attr('catid');-->
|
|
<!-- paged = 2;-->
|
|
<!-- $('.index-tab-item').removeClass('index-tab-item-active');-->
|
|
<!-- $(this).addClass('index-tab-item-active');-->
|
|
<!-- $('.post-list').html('<div class="post-item post-loading"><i class="far fa-circle-notch fa-spin"></i> 加载中</div>');-->
|
|
<!-- $.post('/admin-ajax.php', {-->
|
|
<!-- action: 'corepress_load_post_by_tabs',-->
|
|
<!-- cat: $(this).attr('catid')-->
|
|
<!-- }, function (data) {-->
|
|
<!-- $('.post-list').html(data);-->
|
|
<!-- $("img").lazyload({effect: "fadeIn"});-->
|
|
<!-- })-->
|
|
<!-- });-->
|
|
<!-- </script>-->
|
|
</div>
|
|
<ul class="post-list">
|
|
{ape:list orderby="create_time desc" pagesize="10" type="where" }
|
|
<li class="post-item ">
|
|
<div class="post-item-container">
|
|
<div class="post-item-thumbnail">
|
|
<a href="{$field['url']}">
|
|
<img src="__IMG__/loading.gif" alt="{$field['title']}" data-original="{:file_cdn($field['cover_path'])}"/>
|
|
</a>
|
|
</div>
|
|
{notempty name="$field['tags']"}
|
|
<div class="post-item-tags">
|
|
<span class="cat-item">
|
|
<a href="{$field['url']}">{:cn_substr($field['tags'],20)}</a>
|
|
</span>
|
|
</div>
|
|
{/notempty}
|
|
<div class="post-item-main">
|
|
<h2>
|
|
{if $field['is_top']==1}<span class="post-item-sticky">置顶</span>{/if}
|
|
<a href="{$field['url']}" style="white-space: nowrap;text-overflow: ellipsis;">{:cn_substr($field['title'],20)}</a>
|
|
</h2>
|
|
<div class="post-item-content">
|
|
{:cn_substr($field['abstract'],100)}
|
|
</div>
|
|
<div class="post-item-info">
|
|
<div class="post-item-meta">
|
|
<div class="post-item-meta-item">
|
|
<span class="post-item-meta-author">
|
|
<!-- <img src="{$field['avatar']}" width="24" height="24" alt="头像" class="avatar avatar-24 wp-user-avatar wp-user-avatar-24 photo avatar-default post-item-avatar">-->
|
|
{$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="搜索内容" value=""/>
|
|
</div>
|
|
<div>
|
|
<button type="submit" class="search-submit" value="">搜索</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="{:url('article/lists')}?id={$field['category_id']}">{: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="3"}
|
|
<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>
|
|
<div class="frinds-links">
|
|
<div class="list-plane-title">
|
|
<div>友情链接 <span class="list-plane-linksdescribe">欢迎添加友情链接</span></div>
|
|
<div><a href="{:url('applylink')}" class="frinds-links-apply">申请友链</a></div>
|
|
</div>
|
|
<div class="frinds-links-list">
|
|
{ape:flink pagesize="5"}
|
|
<li>
|
|
<a href="{$field['url']}" title="{$field['title']}" target="_blank">
|
|
{notempty name="$field['image']"}
|
|
<img class="frinds-links-icon img-lazyload" src="{$field['image']}" data-original="{$field['image']}"
|
|
onerror="this.src='__IMG__/chrome.png'">
|
|
{else /}
|
|
<img class="frinds-links-icon img-lazyload" src="__IMG__/chrome.png" data-original="__IMG__/chrome.png"
|
|
onerror="this.src='__IMG__/chrome.png'">
|
|
{/notempty} {$field['title']}
|
|
</a>
|
|
</li>
|
|
{/ape:flink}
|
|
</div>
|
|
</div>
|
|
</main>
|
|
{include file="public/footer" /}
|
|
</div>
|
|
</body>
|
|
</html>
|