小程序轮播图图片如何预览

该文章介绍了uni.previewImage方法在处理图片预览时的用法,特别是current参数的含义。current是当前显示图片的索引,若不填或无效则默认为urls数组的第一张。在特定版本的App平台中,current是必需的。当urls有重复图片链接时,不同平台有不同的处理方式,如微信、百度、抖音小程序会过滤重复链接,而其他平台则不作处理。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

	       //点击事件   current//index
              preview(current) {
				uni.previewImage({
					current, // 预览的哪一个 索引 或者下标
                      //返回一个只有图片的数组
					urls: this.goodsDetail.pics.map(item => item.pics_big) 
				})
			}

current 为当前显示图片的链接/索引值,不填或填写的值无效则为 urls 的第一张。App平台在 1.9.5至1.9.8之间,current为必填。不填会报错

注意,当 urls 中有重复的图片链接时:

  • 传链接,预览结果始终显示该链接在 urls 中第一次出现的位置。
  • 传索引值,在微信/百度/抖音小程序平台,会过滤掉传入的 urls 中该索引值之前与其对应图片链接重复的值。其它平台会保留原始的 urls 不会做去重处理。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值