微信小程序轮播图实现,比 轮播图来说,显得轻松多了。
微信小程序提供组件,官网提供的滑块视图容器。
属性名类型默认值说明
是否自动切换
0
当前所在页面的
5000
自动切换时间间隔
500
滑动动画时长
是否采用衔接滑动
滑动方向是否为纵向
改变时会触发 事件,. = {: , : }
从公共库1.4.0开始,事件返回中包含一个字段,表示导致变更的原因,可能值如下:
注意:其中只可放置组件,否则会导致未定义的行为。
-
仅可放置在组件中,宽高自动设置为100%。
{
: 421.5;
}
- {
: 100%;
: 100%;
}
.-{
: ;
}
.- .{
: 300;
}
.- . .{
: 100%;
: 100%;
}
({
: {
: 0,
: ,
: ,
: 3000,
: 800,
:,
: [
'://3..//0014985352',
'://3..//3989073996',
'://3..//3100037228421'
],
:[
'://..///',
'://..///',
'://..///'
]
},
//轮播图的切换事件
: () {
.({
: ..
})
},
//点击指示点切换
: () {
.({
: ..
})
},
//点击图片触发事件
: () {
.(..);
.({
: ..[..]
})
}
})
->
></p>
></p>
></p>
重要一点是图片的点击事件。
: () {
.(..);
.({
: ..[..]
})
}
© 版权声明
本站文章均来自于网络,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,核实后本网站将在24小时内删除侵权内容。邮箱:dxsen@qq.com
THE END