{layout name="layout" /}

<!-- 轮播图 -->
<div class="pull-banner w100">
    <img src="{$category.src ?: '__STATIC__/images/banner/banner-solution.jpg'}" alt="{$category.title ?? ''}banner">
    <div class="pull-banner-title w1360">
        <h2>{$category.title ?? ''}</h2>
        <p>{$category.description ?? ''}</p>
        <span><a href="/">首页</a> /  <a href="/product.html">{$category.title ?? ''}</a> /{$secondInfo.title ?? ''}</span>
    </div>
</div>

<!-- 二级导航 -->
<div class="pull-nav pull-nav-other w1360 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
    <div class="pull-nav-bg">
        <div class="pull-nav-swiper swiper">
            <div class="swiper-wrapper">
            {foreach $secondMenus as $second}
            <div class="swiper-slide">
                <a href="/product.html?second={$second.id ?? 0}" {if $secondInfo.id == $second.id}class="active"{/if}>{$second.title ?? ''}</a>
                <ins></ins>
            </div>
            {/foreach}
            </div>
        </div>
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
    </div>
</div>
<!-- 三级分类 -->
<div class="pull-nav-three w1360 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
    <div class="nav-three-bg">
        <span>类别筛选</span>
        <div class="nav-three-swiper swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <a href="/product.html?second={$secondInfo.id ?? 0}" {if $thirdId == 0}class="active"{/if}>全部</a>
                </div>
                {foreach $thirdMenus as $third}
                <div class="swiper-slide">
                    <a href="/product.html?second={$secondInfo.id ?? 0}&third={$third.id ?? 0}" {if $thirdId == $third.id}class="active"{/if}>{$third.title ?? ''}</a>
                </div>
                {/foreach}
            </div>
        </div>
    </div>
</div>
<!-- 主体内容 -->
<div class="pull-content w1360 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
    <div class="product w1360 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
        {if count($items) <= 0}
        <div style="text-align: center;padding-top: 10px;">没有内容</div>
        {else /}
        <ul class="product-list">
            {foreach $items as $item}
            <li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
                <a href="/product/detail.html?id={$item.id}">
                    <h2> {$item.title ?? ''} </h2>
                    <p class="clips3">{$item.description ?? ''}</p>
                </a>
            </li>
            {/foreach}
        </ul>
        {/if}
    </div>
</div>
{$items->render('', 'class="page-list-bg w1360 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0"')|raw}