{php}
if (empty($detail['banner'])) {
    $bannerData = siteGetBanner(1);
    //需求导航未设置banner时调用banner图管理首页第一张
    if(!empty($bannerData[0])) {
        $bannerList = [$bannerData[0]];
    } else {
        $bannerList = [];
    }
} else {
    $bannerList = $detail['banner'];
}
{/php}
{if !empty($bannerList)}
<div class="banner " style="position: relative; overflow: hidden; padding-top: 49.06%;">
    <div class="swiper" style="position: absolute; left: 0; top: 0; width: 100%;">
        <div class="swiper-wrapper">
            {foreach $bannerList as $bannerItem}
            <div class="swiper-slide">
                {if !empty($bannerItem['thumb_url'])}
                <a href="{$bannerItem.thumb_url}" title="{$bannerItem.pc_alt|default=''}">
                    <img class="banner-img" src="{$bannerItem.pc_thumb|imgwhwebp=1920,942}" width="100%" alt="{$bannerItem.pc_alt|default=''}">
                </a>
                {else/}
                <img class="banner-img" src="{$bannerItem.pc_thumb|imgwhwebp=1920,942}" width="100%" alt="{$bannerItem.pc_alt|default=''}">
                {/if}
            </div>
            {/foreach}
        </div>
        <div class="swiper-pagination"></div>
        <form action="site/Search/index" method="get">
            <div class="box-form">
                <i class="form-icon iconfont icon-search4"></i>
                <input class="form-text" type="text" name="q" placeholder="{:lang('search_international_code')}">
                <input class="form-btn" type="submit" value="{:lang('crumbs_search')}">
            </div>
        </form>
    </div>
</div>
<script>
    var swiper = new Swiper(".banner .swiper", {
        slidesPerView: 1,
        loop: true,
        pagination: {
            el: ".swiper-pagination",
            clickable: true,
        },
        autoplay: {
            delay: 3000,
            stopOnLastSlide: false,
            disableOnInteraction: false,
            pauseOnMouseEnter: true,
        },
    });
</script>
{/if}