Files
YwxAppThink/addon/blog/view/frontend/article/index.html
T

48 lines
2.5 KiB
HTML

{extend name="layout" /}
{block name="title"}文章列表 - {$siteConf.site_name|default='博客'}{/block}
{block name="content"}
<div class="fb-layout">
<main class="fb-content">
<div class="fb-section-title"><h2>全部文章</h2></div>
{if $articles->isEmpty()}
<div class="fb-empty"><p>站点还没有发布文章,敬请期待。</p></div>
{else}
<div class="fb-post-list">
{volist name="articles" id="article"}
<article class="fb-post">
{if $article.cover_image}
<a class="thumb" href="{:url('blog/article/detail', ['id' => $article.id])}">
<img src="{$article.cover_image}" alt="{$article.title}">
</a>
{/if}
<div class="body">
<span class="cat">{$article.category.name|default='默认'}</span>
<h3><a href="{:url('blog/article/detail', ['id' => $article.id])}">{$article.title}</a></h3>
<p class="summary">{$article.summary|default='(暂无描述)'}</p>
<div class="article-stats" style="margin:2px 0 10px;color:#999;font-size:13px;">
<span style="margin-right:12px;"><i class="layui-icon layui-icon-read"></i> {$article.view_count|default=0} 阅读</span>
<span style="margin-right:12px;"><i class="layui-icon layui-icon-praise"></i> {$article.like_count|default=0} 点赞</span>
<span style="margin-right:12px;"><i class="layui-icon layui-icon-star"></i> {$article.favorite_count|default=0} 收藏</span>
<span style="margin-right:12px;"><i class="layui-icon layui-icon-reply"></i> {$article.comment_count|default=0} 评论</span>
<span><i class="layui-icon layui-icon-share"></i> {$article.share_count|default=0} 分享</span>
</div>
<div class="meta">
<a class="author" href="{:url('blog/article/author', ['id' => $article.uid])}">
<img src="{$article.user.avatar|default='/static/blog/img/avatar.jpg'}" alt="">
{$article.user.nickname|default='佚名'}
</a>
<span class="sp">{$article.create_text}</span>
</div>
</div>
</article>
{/volist}
</div>
<div class="fb-pager">{$articles|raw}</div>
{/if}
</main>
{include file="index/_sidebar" /}
</div>
{/block}