zc100/template/mobile-bak2_1/components/banner/style_6.htm

<?php
    $name = "banner-s-6";
?>
<link rel="stylesheet" href="/template/pc/components/banner/style_6.css"   media="all">

<!--引入swiper-->
<link rel="stylesheet" href="https://oss.zc10000.com/static/js/swiper/swiper-bundle.min.css">

<!--定义div盒子-->
<div class="<?php echo $name; ?>-content">
    <div class="box">
        <!--定义内容布局--->
        <div class="row" style="min-height: 394px;">
            <!--定义内部栅格 上下中左右 使用浮动-->
            <div class="bottom">
                <!--定义内容标签 p span a li img--->
                <div class="swiper mySwiper-<?php echo $name; ?>">
                    <div class="swiper-wrapper">

                    {eyou:artlist typeid='130' limit='0,4'  titlelen='30' infolen='160' orderby='add_time'}
                    <!--<a href='{$field.arcurl}'>{$field.title}</a>-->
                    <div class="swiper-slide">
                        <img src="{$field.litpic}" style="width:1007px;height:394px;"/>
                        <!--<a href="">建筑职称</a>-->
                    </div>
                    {/eyou:artlist}

                    </div>
<!--                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-pagination"></div>-->
                </div>
            </div>
        </div>
    </div>
</div>

<!--引入swiper-->
<script src="https://oss.zc10000.com/static/js/swiper/swiper-bundle.min.js"> </script>
<script>
    var swiper = new Swiper(".mySwiper-<?php echo $name; ?>", {
        slidesPerView: 1,
        //spaceBetween: 30,
        pagination: {
            el: ".swiper-pagination",
            clickable: true,
        },
        loop: true,
        loopFillGroupWithBlank: true,
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },
    });
</script>