{layout name="layout" /}

<!-- banner -->
<div class="page-banner w-100" style="background-image: url({:getImgSrc($topCategory, '__IMG__/page_ban3.jpg')});">
    <div class="info">
        <div class="w-1200">
            <strong>{$category.title ?? ''}</strong>
            <p>{:nl2br($category.description ?? '')}</p>
        </div>
    </div>
</div>
<!--  -->
<div class="all-center-box">
    <div class="product-box w-100">
        <!--
        <div class="w-1200 search-form-box">
            <form action="{:url('products.search')}" class="layui-form between-center w-100" method="get">
                <select name="category_id">
                    <option value="{$topCategory.id}">产品选择</option>
                    {if isset($categoryChildren) && count($categoryChildren) >0}
                    {foreach $categoryChildren as $cate}
                        <option value="{$cate.id}" {if $categoryId == $cate.id}selected="selected"{/if}>{$cate.title}</option>
                    {/foreach}
                    {/if}
                </select>
                <input name="keyword" class="layui-input" placeholder="关键词查询..." value="{$keyword ?? ''}"/>
                <button type="submit" class="layui-btn layui-btn-normal">查询</button>
            </form>
        </div>
        -->
        <div class="w-1200">
            {if isset($items)}
            <div class="center-block w-100">
                <ul>
                    {foreach $items as $item}
                    <li>
                        <a href="{:url('article/detail', ['id' => $item.id, 'source'=>$categoryId])}">
                            <span><img src="{:getImgSrc($item, '__IMG__/default_bg.jpg')}" ></span><p>{$item.title}</p>
                        </a>
                    </li>
                    {/foreach}
                </ul>
            </div>
            <div class="pager w-100 div-pc">
                {$items->render()|raw}
            </div>
            <div class="pager w-100 div-phone">
                {$items->render(5)|raw}
            </div>
            {/if}
        </div>
    </div>
</div>