微信小程序开发,点击图片依次切换

微信小程序开发,点击图片依次切换,第1张

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

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

用图片查看器。

进入微信小程序 设置——默认应用——照片查看器——选择Windows照片查看器,首先图片双击打开的默认软件要是照片查看器,用ctrl同时选中需要打印的所有图片,单击右键选全选,点击钩选就可以了就可以了。

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

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

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


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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存