微信小程序图片切换

微信小程序图片切换,第1张

微信小程序图片切换有两种方式:

两个image标签绑定同一个点击事件,根据data的值(true或false)在点击事件里面进行图片切换。

为了区分,里面图片路径用单引号,外面src用双引号。

1、在WXML文件中,使用swiper组件,设置swiper-items的数量以及每个swiper-item的内容,使用wx:for循环来实现图片的遍历显示。

2、在JS文件中,定义images数组,将需要显示的图片地址存储到数组中,并设置swiper组件的相关属性,如自动播放、循环播放、切换时间等。这样就能够实现点击图片依次切换的功能了。用户点击图片时,swiper组件会自动切换到下一张图片。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/yw/11198117.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-14
下一篇2023-05-14

发表评论

登录后才能评论

评论列表(0条)

    保存