wighair/appfront/theme/terry/theme01/widgets/swiper.php

    <!-- 轮播图   -->
    <div class="swiper">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <a href="javascript:;">                        
                        <img src="<?= Yii::$service->image->getImgUrl('images/1.jpg','appfront'); ?>">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="javascript:;">
                    <img src="<?= Yii::$service->image->getImgUrl('images/2.jpg','appfront'); ?>">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="javascript:;">
                    <img src="<?= Yii::$service->image->getImgUrl('images/3.jpg','appfront'); ?>">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="javascript:;">
                    <img src="<?= Yii::$service->image->getImgUrl('images/4.jpg','appfront'); ?>">
                    </a>
                </div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination">
            </div>
            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </div>
    </div>
    <!-- 轮播图 -->
    <script>
<?php $this->beginBlock('owl_fecshop_slider') ?>  
  var mySwiper = new Swiper('.swiper>.swiper-container', {
            autoplay: 2000,
            loop: true,
            direction: 'vertical',
            pagination: '.swiper-pagination',
            nextButton: '.swiper-button-next',
            paginationClickable: true,
            prevButton: '.swiper-button-prev',
        })
        var mySwiper = new Swiper('.swiper1', {
            autoplay: 3000,
            loop: true,
            direction: 'vertical'
        })
<?php $this->endBlock(); ?>  
</script>  
<?php $this->registerJs($this->blocks['owl_fecshop_slider'],\yii\web\View::POS_END);//将编写的js代码注册到页面底部 ?>