chaoyu/view/article/products.html

{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 pt118" id="product">
            <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 product-title-box">
			{if isset($categoryChildren) && count($categoryChildren) >0}
			{foreach $categoryChildren as $idx => $cate}
			{php}
				$active = '';
				if($categoryId == $cate['id']) {
					$active = 'active';
				} elseif ($categoryId == $topCategory['id'] && $idx == 0) {
					$active = 'active';
				}
			{/php}
			<div class="product-item {$active}">
				<a href="{:url('article/index#product', ['category_id'=>$cate.id])}">{$cate.title}</a>
			</div>
			{/foreach}
			{/if}
		</div>
        <div class="w-1200">
            {if isset($items)}
            <div class="center-block w-100">
                <ul>
                    {foreach $items as $item}
                    <li>
                        <a>
                            <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>