{extend name="public:base"/}

{block name="body"}
<div class="main">
    <div class="subbanner">
        <div class="inner" style="background-image:url({:getAdImage('cases')})"></div>
    </div>

    <div class="nav-row">
        <div class="container">
            <div class="row">
                {php}
                if(empty($category)){ $catelist=$categories[0]; }
                else { $catelist=$categories[$category['pid']];}
                {/php}
                {volist name="catelist" id="c"}
                <a class="col row-item {$c['name']==$category['name']?'active':''}"
                    href="{:url('index/article/index',['name'=>$c['name']])}">{$c.title}</a>
                {/volist}
            </div>
        </div>
    </div>

    <div class="container">
        <div class="case-list">
            <ul class="row list-unstyled">
                {php}$empty='<li class="col-12 empty">暂时没有内容</li>';{/php}
                {volist name="lists" id="case" empty="$empty"}
                <li class="col-4">
                    <div class="card">
                        <img class="card-img-top" src="{$case.cover}" alt="Card image cap">
                        <div class="card-body">
                            <h3 class="card-text">{$case.title}</h3>
                            <p class="card-text text-muted">
                                <span class="float-right"><i class="ion-md-tv"></i> <i
                                        class="ion-md-phone-portrait"></i> </span>
                                <span>{$case.vice_title}</span>
                            </p>
                        </div>
                        <a target="_blank" href="{:url('index/article/view',['id'=>$case['id']])}">
                            <div class="mask"></div>
                        </a>
                    </div>
                </li>
                {/volist}
            </ul>
            {$page|raw}
        </div>
    </div>
</div>
{/block}