mui 轮播图

效果

054A7291-2044-4F6E-B153-42DCC326B3F1.png

代码

设置自动播放周期

//获得slider插件对象
                var gallery = mui('.mui-slider');
                     gallery.slider({
                     interval:5000//自动轮播周期，若为0则不自动播放，默认为0；
                });

获取当前索引

document.querySelector('.mui-slider').addEventListener('slide',function(event){
                //注意slideNumber是从0开始的
                console.log("你正在看第"+(event.detail.slideNumber+1)+"张图片")         
});         

点击时获取不到索引,不知道为啥

document.querySelector('.mui-slider').addEventListener('tap',function(event){
                console.log(event.detail.slideNumber)           
});