{extend name="public/base" /}
{block name="style"}
<link rel="stylesheet" type="text/css" href="/static/index/css/category.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">
            <i class="search_icon"></i>
            <input type="text" placeholder="Search" class="search" id="article-search-in" value="">
        </div>
        <!-- 切换内容 -->
        {notempty name="articles"}
        <div class="tabConten">
            <div class="tbmain">
                {volist name="articles" id="ar"}
                <div class="Contenitem">
                    <a>
                        <img src="{$ar.image}" />
                        <h3>{$ar.title}</h3>
                        <p>{$ar.desc}</p>
                    </a>
                </div>
                {/volist}
            </div>
            <!-- 分页-->
            <div>{$articles|raw}</div>
        </div>
        {/notempty}
    </div>
</div>
{/block}
{block name="script"}

{/block}