静态后台管理网站模板,焦作做微信网站多少钱,网络电商平台有哪些,广州营销推广点击图片#xff0c;实现预览图片功能#xff0c;并且可循环预览图片列表#xff01;image.png一、多张图片预览html代码js代码data(){return {photos:[{ src: 图片路径1},{ src: 图片路径2},{ src: 图片路径3},……]}},methods: {// 预览图片previewImage(index) {let phot…点击图片实现预览图片功能并且可循环预览图片列表image.png一、多张图片预览html代码js代码data(){return {photos:[{ src: 图片路径1},{ src: 图片路径2},{ src: 图片路径3},……]}},methods: {// 预览图片previewImage(index) {let photoList this.photos.map(item {return item.src;});uni.previewImage({current: index, // 当前显示图片的链接/索引值urls: photoList, // 需要预览的图片链接列表photoList要求必须是数组loop:true // 是否可循环预览});},}图片的css代码自己设置就行啦二、单张图片预览html代码js代码data(){return {url: 图片路径}},methods: {// 预览图片previewImage(url){let photoList [];photoList.push(img);uni.previewImage({current: 0,urls: photoList // 图片路径必须是一个数组});},}
