{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>

{category pid=$catid return=c}
<div class="ep-row ep-mt-8">
    <div class="ep-col-main">
        <div class="el-card">
            <div class="el-card__header">
                <a href="{$c.url}" class="el-link el-link--primary ep-cat-title-link">{$c.name}</a>
            </div>
            <div class="el-card__body">
                {module catid=$c.id order=updatetime num=3}
                <div class="ep-list-item">
                    <!--begin::Icon-->
                    <img class="mobile-hidden ep-thumb" src="{dr_thumb($t.thumb)}" alt="" />
                    <div class="ep-flex-grow">
                        <h3 class="ep-article-title">
                            <a href="{$t.url}">{$t.title}</a>
                        </h3>
                        <p class="ep-list-desc ep-list-desc--tight">
                            {dr_strcut($t.description, 80)}
                        </p>
                        <div class="ep-meta">
                            {php $kws=dr_get_content_kws($t.keywords);}
                            {if $kws}
                            {php $kws=dr_arraycut($kws, 3);}
                            {loop $kws $name $url}
                            <a href="{$url}" class="ep-badge">{$name}</a>
                            {/loop}
                            {/if}
                            <span><i class="fa fa-calendar"></i> {$t.updatetime}</span>
                            <span itemprop="comments"><i class="fa fa-comments"></i> {intval($t.comments)}</span>
                            <span itemprop="views" title="浏览次数"><i class="fa fa-eye"></i> {intval($t.hits)}</span>
                        </div>
                    </div>
                </div>
                {/module}
            </div>
        </div>
    </div>

    <div class="ep-col-side">
        <div class="el-card">
            <div class="el-card__header"><span>热门榜</span></div>
            <div class="el-card__body">
                {module catid=$c.id order=hits num=4}
                <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>
{/category}

{template "footer.html"}