uniapp开发实现多图预览

<view class="grid flex-sub margin-top-sm" :class="isCard?'col-4 grid-square':'col-1'">
				<view class="bg-img" :class="isCard?'':'only-img'" :style="{backgroundImage: 'url('+ $getFileUrl(item) +')' }"
				 v-for="(item,index) in images" :key="index" @tap="bigimgs(item,index)">
					<!-- {
   
   {item}} -->
				</view>
			</view>
bigimgs(item, index) {
				var imgarr = []
				for (let i = 0; i < this.images.length; i++)
					if (item != "") {
						imgarr.push(this.images[i]))
					}
				// #ifdef MP
				uni.previewImage({
					current: index,
					urls: imgarr,
					indicator: 'number',
					loop: true
				});
				// #endif
			},

猜你喜欢

转载自blog.csdn.net/weixin_43101671/article/details/109740808