Fix:2658 【商城小程序】非遗详情页分类1无法查看大图,增加点击查看大图功能

This commit is contained in:
linxi
2024-11-20 10:24:34 +08:00
parent 18190e76e4
commit 0b0c87245d
+8 -2
View File
@@ -23,8 +23,8 @@
<view class="pageA" v-if="actived === 1">
<view class="intro">{{ details.pageA.content }}</view>
<view class="v12-d-grid-columns-2 card-wrap v12-mt-3">
<view class="card-item" v-for="(item, index) in details.pageA.images" :key="index">
<image class="card-item-img" :src="item.image" mode="aspectFit|aspectFill|widthFix" lazy-load="false"></image>
<view class="card-item" v-for="(item, index) in details.pageA.images" :key="index" @click="viewImg(item)">
<image class="card-item-img" :src="item.image" mode="aspectFit|aspectFill|widthFix" lazy-load="false"></image>
<view class="v12-justify-center">
<view class="one-t p-name">
@@ -84,6 +84,12 @@ export default {
this.getDetails()
},
methods: {
viewImg(item) {
uni.previewImage({
current: item.image, // 当前显示图片的http链接
urls: [item.image] // 需要预览的图片http链接列表
})
},
handleTab(index) {
this.actived = index
},