uniapp实现图片预览功能

点击图片实现预览功能如下:

<!-- 轮播 -->
<view class="ms_shops">
	<swiper class="ms_swiper" indicator-color="#FFF" indicator-active-color="#FF0423" :indicator-dots="dotsType" :autoplay="true">
		<swiper-item v-for="(item,index) in dataList.imageist" :key="index">
			<view class="swipers">
				<image class="swiper-item"  @tap="previewImage(index)" :src="item+'?imageView2/1/w/750/h/750/q/75'" mode="widthFix"></image>
			</view>
		</swiper-item>
	</swiper>
</view>

previewImage(index) {
	//uniapp预览轮播图
	uni.previewImage({
		current: index, //预览图片的下标
		urls: this.dataList.imageist //预览图片的地址,必须要数组形式,如果不是数组形式就转换成数组形式就可以
	})
},
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值