{template "header.html"}

<div class="ep-breadcrumb">
    <a href="/">首页</a>
    {dr_catpos($catid, '', true, '<span class="ep-bc-sep">/</span><a href="[url]">[name]</a>')}
    <span class="ep-bc-sep">/</span>
    <span>正文</span>
</div>

<div class="ep-row">
    <div class="ep-col-main">
        <div class="el-card">
            <div class="el-card__body ep-show-card-body">
                <h1 class="ep-show-title">{$title}</h1>
                <div class="ep-show-meta">
                    <span><i class="fa fa-user"></i> {$author}</span>
                    <span><i class="fa fa-calendar"></i> {$updatetime}</span>
                    <span><i class="fa fa-eye"></i> {dr_show_hits($id)} 次浏览</span>
                </div>
                <div class="neirong">
                    {$content}
                </div>
                <div class="ep-show-tags">
                    {loop $kws $name $url2}
                    <a href="{$url2}" class="ep-badge is-plain" target="_blank" rel="noopener">{$name}</a>
                    {/loop}
                </div>
                <div class="ep-show-prevnext-wrap">
                    <p class="fc-show-prev-next"><strong>上一篇：</strong>{if $prev_page}<a href="{$prev_page.url}">{$prev_page.title}</a>{else}没有了{/if}</p>
                    <p class="fc-show-prev-next"><strong>下一篇：</strong>{if $next_page}<a href="{$next_page.url}">{$next_page.title}</a>{else}没有了{/if}</p>
                </div>
                <div class="ep-show-related">
                    <div class="ep-show-related-title">相关内容</div>
                    <div class="ep-row ep-show-related-grid">
                        {related module=MOD_DIR tag=$tag num=6}
                        <div class="ep-show-related-col">
                            <div class="el-card is-always-shadow ep-related-card">
                                <a href="{$t.url}" class="ep-related-cover">
                                    <img src="{dr_thumb($t.thumb)}" alt="" />
                                </a>
                                <div class="el-card__body">
                                    <a href="{$t.url}" class="ep-related-title">{dr_strcut($t.title, 13)}</a>
                                    <div class="ep-related-desc">{dr_strcut($t.description, 33)}</div>
                                    <div class="ep-related-date">{$t.updatetime}</div>
                                </div>
                            </div>
                        </div>
                        {/related}
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="ep-col-side">
        <div class="el-card tpl-edit-show" data-action="cat_hits">
            <div class="el-card__header"><span>热门资讯</span></div>
            <div class="el-card__body">
                {module catid=$catid order=hits num=10}
                <div class="ep-side-hit-row">
                    <img class="ep-thumb ep-thumb--sm" src="{dr_thumb($t.thumb)}" alt="" />
                    <div class="ep-flex-grow">
                        <a href="{$t.url}" class="ep-side-hit-title">{dr_strcut($t.title, 15)}</a>
                        <div class="ep-side-hit-desc">{dr_strcut($t.description, 50)}</div>
                    </div>
                </div>
                {/module}
            </div>
        </div>
    </div>
</div>

{template "footer.html"}