小程序如何正确的轮播图组件获取对应的点击事件

2018-12-25  本文已影响75人  一个被程序员耽误的厨师

1、先从微信小程序官网上copy下swiper组件。  地址:swiper

       在index.wxml页面了添加上swiper的banner图:

        index.wxml添加如下代码:    

0001

index.js中的data数组添加如下代码:

0002

2、给swiper添加bindchange事件,动态的获取当前展示的是第几张图片。

003

3、给swiper-item添加bindtap事件,点击后根据是第几张图片触发相应的事件。

004

4、检验下呗:

005

基本的介绍就到这里吧!

下图是我用小程序云开发的个人项目—我与三人行:

项目地址:GitHub:小程序云开发-我与三人行如果您觉得还可以的话,那就statr下吧!!!!!

上一篇下一篇

猜你喜欢

热点阅读