{extend name="public/base" /}
{block name="style"}
<link rel="stylesheet" type="text/css" href="__CSS__/article_index.css" />
{/block}
{block name="main"}
<div class="orico_Page_category">
    <!-- 内容 -->
    <div class="categoryMain">
        <img src="{$banner.image}" class="categorybgimg" />
        <!-- 切换 -->
        <div class="tabs">
            {volist name="categorys" id="ca"}
            {if condition="$Request.get.cid == $ca.id || (!$Request.has.cid && $key == 0)"}
            <a class="tabitme on" href="{:url('article/index', ['pid' => $ca.pid, 'cid' => $ca.id])}">
            {else/}
            <a class="tabitme" href="{:url('article/index', ['pid' => $ca.pid, 'cid' => $ca.id])}">
            {/if}
                {$ca.name}
            </a>
            {/volist}
        </div>
        <!-- 搜索 -->
        <div class="categorySearch">
            <form action="{:url('article/index', ['pid' => $Request.param.pid])}" method="get">
                <i class="search_icon"></i>
                <input type="hidden" name="cid" value="{$Request.param.cid}" />
                <input type="text" class="search" id="article-search-in" name="keywords" value="">
            </form>
        </div>
        <!-- 切换内容 -->
        {notempty name="articles"}
        <div class="tabConten">
            <div class="tbmain">
                {volist name="articles" id="ar"}
                <div class="Contenitem">
                    <a href="{:url('article/detail', ['id' => $ar.id])}">
                        <img src="{$ar.image}" />
                        <h3>{$ar.title}</h3>
                        <p>{$ar.desc}</p>
                        <p>{$ar.release_time|date_format_i18n}</p>
                    </a>
                </div>
                {/volist}
            </div>
            <!-- 分页-->
            <div>{$articles|raw}</div>
            {else/}
            <div style="text-align: center; padding: 10%;">暂无数据</div>
        </div>
        {/notempty}
    </div>
</div>
{/block}