{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)}
<section class="bannerRange2"></section>
<section class="indexBanner">
    <div class="swiper">
        <div class="swiper-wrapper">
            {foreach $bannerList as $bannerItem}
            {if !empty($bannerItem['video_url'])}
                <div class="swiper-slide">
                    {if $bannerItem['video_type'] == 1}
                        <iframe frameborder="0" src="{$bannerItem['video_url']}"
                                allowFullScreen="true" width="100%" height="100%"></iframe>
                    {elseif $bannerItem['video_type'] == 2 /}
                        <video class="box-video" autoplay src="{$bannerItem['video_url']}" loop muted="" playsinline=""></video>
                    {/if}
                </div>
            {else/}
                <div class="swiper-slide">
                    <a {if !empty($bannerItem['thumb_url'])} href="{$bannerItem.thumb_url}" {/if} class="image">
                        <img src="{$bannerItem.pc_thumb|imgwhwebp=1920,959}" alt="{$bannerItem.pc_alt|default=''}">
                    </a>
                </div>
            {/if}
            {/foreach}
        </div>
        <div class="btns">
            <div class="prev">
                {:lang('zg_previous')}
            </div>
            <div class="next">
                {:lang('zg_next')}
            </div>
        </div>
        <div class="swiper-pagination"></div>
        <div class="sign">
            <div class="mouseSign">
                <img src="__STATIC_ZG__/images/mouse.png" alt="{:lang('zg_slide_down_to')}">
            </div>
            <div class="bArr">
                <img src="__STATIC_ZG__/images/bArr.png" alt="{:lang('zg_see_more')}">
            </div>
            <div class="tip">
                {:lang('zg_slide_down_to')} <br> {:lang('zg_see_more')}
            </div>
        </div>
    </div>
    <script>
        var mySwiper = new Swiper('.swiper', {
            speed: 1000,
            breakpoints: {
                0: {
                    slidesPerView: 1,
                }
            },
            loop: true,
            autoplay: {
                delay: 5000,
                stopOnLastSlide: false,
                disableOnInteraction: false,
            },
            navigation: {
                nextEl: '.next',
                prevEl: '.prev',
            },
            pagination: {
                el: '.indexBanner .swiper-pagination',
                clickable: true
            }
        })
    </script>
</section>
{/if}