组件介绍

轮播组件是mui提供的一个核心组件,在该核心组件基础上,衍生出了图片轮播、可拖动式图文表格、可拖动式选项卡、左右滑动9宫格等组件。

示例

获取slide组件对象

var slider = mui('#slider').slider();

常用API

gotoItem(index)
切换到指定轮播

slider.gotoItem(1); //切换至第二个轮播

prevItem()
上一个轮播

slider.prevItem();

nextItem()
下一个轮播

slider.nextItem();

getSlideNumber()
当前所处位置

slider.getSlideNumber();

stopped
禁用/开启滑动切换

slider.stopped = false; //开启滑动切换
slider.stopped = true; //关闭滑动切换

更多

附上一个简单的示例,解压后将html文件放在mui工程的根目录下即可预览效果。
更多关于slide组件的介绍,参考mui官方文档

Logo

CSDN联合极客时间,共同打造面向开发者的精品内容学习社区,助力成长!

更多推荐