framework7 v2.x輪播圖寫法：

 <div class="swiper-container swiper-init travel-index-swiper">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <img src="../../images/pic1.jpg" height="100" />
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="../../images/pic2.jpg" height="100" />
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="../../images/pic3.jpg" height="100" />
                                        </div>
                                    </div>
                                    <div class="swiper-pagination travel-index-swiper-pagination"></div>
                                </div>

JS：

    var mySwiper = new Swiper('.travel-index-swiper', {
        autoplay: {
            delay: 2500,
        },
        pagination: {
            el: '.travel-index-swiper-pagination',
            clickable: true
        }
    });

總結：和v1.6的寫法還是差異很大的，是實例化的格式上