{extend name="public/base" /}
{block name="style"}
<link rel="stylesheet" type="text/css" href="__CSS__/article_index.css" />
{/block}
{block name="main"}
<div class="oricoEGapp">
    <!-- 内容 -->
    <div class="oricoEGapp-article">
        <!-- banner -->
        {notempty name="banner.image"}
        <div class="banner img-responsive">
            <img src="{$banner.image}">
        </div>
        {/notempty}
        <!-- 新闻列表 -->
        <div class="swt-Container">
            <div class="news-vertu">
                <div class="tab">
                    {volist name="categorys" id="ca"}
                    {if condition="$Request.get.cid == $ca.id || (!$Request.has.cid && $key == 0)"}
                    <a class="on" href="{:url('article/index', ['pid' => $ca.pid, 'cid' => $ca.id])}">
                    {else/}
                    <a class="" href="{:url('article/index', ['pid' => $ca.pid, 'cid' => $ca.id])}">
                    {/if}
                        {$ca.name}
                    </a>
                    {/volist}
                </div>
                <div class="m_Container">
                    <!-- Blog列表 s -->
                    <div class="search_box">
                        <form action="{:url('article/index', ['pid' => $Request.param.pid])}" method="get" autocomplete="off">
                            <input type="text" class="search" id="article-blog-in" name="keywords" value="">
                            <input type="hidden" class="search" id="article-blog-in" name="cid" value="{$Request.get.cid}">
                            <button id="blog-btnput" class="search-button-blog">{:lang_i18n('搜索')}</button>
                        </form>
                    </div>
                    {notempty name="articles"}
                    <div class="blog_list">
                        <ul class="clearfix">
                            {volist name="articles" id="ar"}
                            <li>
                                <a href="{:url('article/detail', ['id' => $ar.id])}">
                                    <img src="{$ar.image}">
                                    <h3>{$ar.title}</h3>
                                    <p>{$ar.desc|raw}</p>
                                </a>
                                <span class="blue">{$ar.release_time|date_format_i18n}</span>
                            </li>
                            {/volist}
                        </ul>
                    </div>
                    <!-- 分页  s -->
                    <div>{$articles|raw}</div> 
                    <!-- 分页  e -->
                    {/notempty}
                </div>
            </div>
        </div>
    </div>
</div>
{/block}