图片预览功能
小于 1 分钟
图片预览功能
点击图片实现预览功能如下:
<!-- 轮播 -->
<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 //预览图片的地址,必须要数组形式,如果不是数组形式就转换成数组形式就可以
})
},