使用场景

需要使用图片轮播的页面

引入模块

// .wxml
    <import src="../../components/swiper/swiper.wxml"/>
    <template is="swiper" data="{{wiiSwiper}}"/>

// .js
    var swiper = require('../../components/swiper/swiper');

配置组件数据

var swiperOption = {
    data:{
        wiiSwiper:{
            indicatorDots:false,//是否显示面板指示点,true或者false
            autoplay:false,//是否自动切换true或false
            interval:3000, //自动切换时间间隔
            duration:1000,//滑动动画时长
            bindchange:callback,//current 改变时会触发 change 事件,event.detail = {current: current}
            height:'xxrpx',//高度
            data:[
                    {  
                        url:'xxx',
                        pic:'xxx'                                                                
                    },
                    {
                        url:'xxx',
                        pic:'xxx'            
                    },
                    ...
                 ]
            }
        }

};
swiper = utils.assign(swiper,swiperOption);

results matching ""

    No results matching ""