framework7 Swiper自动播放

使用framework7 Swiper时,发现用data-slides-per-view="auto"参数不会自动播放,网上的资料很少,后来看到这篇文章:

https://www.jianshu.com/p/f1c6395314f2

知道了framework7用的Swiper其实就是http://idangero.us/swiper/api/

于是在这里寻找答案,最后大致搞成这样:

var _slides="";
            for (var i = 0; i < _list.length; i++) {
                _slides += "<div class=\"swiper-slide\"><img src=\"" + _list[i].ArticlePic + "\" /></div>";
            }
            $$(".swiper-wrapper").append(_slides);
            $$("#default-pic-swiper").show();

            var swiper = new Swiper('.swiper-container', {
                speed: 500,
                loop: true,
                autoplay: {
                    delay: 2500,
                },
                pagination: {
                    el: '.swiper-pagination',
                    type: 'bullets',
                },
            });

开始自动播放。应该还有点问题,因为太困,先写这些,其他的问题应该都不是问题了。

posted @ 2019-04-14 22:14  全栈猿  阅读(1089)  评论(0编辑  收藏  举报