微信小程序轮播图

微信小程序轮播图实现,比 轮播图来说,显得轻松多了。

微信小程序提供组件,官网提供的滑块视图容器。

属性名类型默认值说明

是否自动切换

0

当前所在页面的

5000

自动切换时间间隔

500

滑动动画时长

是否采用衔接滑动

滑动方向是否为纵向

改变时会触发 事件,. = {: , : }

从公共库1.4.0开始,事件返回中包含一个字段,表示导致变更的原因,可能值如下:

注意:其中只可放置组件,否则会导致未定义的行为。

-

仅可放置在组件中,宽高自动设置为100%。

{

: 421.5;

}

- {

: 100%;

: 100%;

}

.-{

: ;

}

.- .{

: 300;

}

.- . .{

: 100%;

: 100%;

}

({

: {

: 0,

: ,

: ,

: 3000,

: 800,

:,

: [

'://3..//0014985352',

'://3..//3989073996',

'://3..//3100037228421'

],

:[

'://..///',

'://..///',

'://..///'

]

},

//轮播图的切换事件

: () {

.({

: ..

})

},

//点击指示点切换

: () {

.({

: ..

})

},

//点击图片触发事件

: () {

.(..);

.({

: ..[..]

})

}

})

重要一点是图片的点击事件。

: () {

.(..);

.({

: ..[..]

})

}

© 版权声明
THE END
分享