uniapp开发实现多图预览

阿拉丁神灯_v

于 2020-11-17 13:35:09 发布

阅读量641

点赞数

分类专栏：前端开发微信开发文章标签： javascript vue.js 前端

本文链接：https://blog.youkuaiyun.com/weixin_43101671/article/details/109740808

版权

前端开发同时被 2 个专栏收录

9 篇文章

订阅专栏

微信开发

5 篇文章

订阅专栏

博客围绕前端开发展开，涉及JavaScript和Vue.js相关内容，这两种技术在前端领域应用广泛，JavaScript是基础脚本语言，Vue.js是流行的前端框架，能助力开发者高效构建用户界面。

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

<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
			},