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 //预览图片的地址,必须要数组形式,如果不是数组形式就转换成数组形式就可以
	})
},

版权声明:本文为qq_40666120原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。