Fix:2658 【商城小程序】非遗详情页分类1无法查看大图,增加点击查看大图功能
This commit is contained in:
@@ -23,7 +23,7 @@
|
|||||||
<view class="pageA" v-if="actived === 1">
|
<view class="pageA" v-if="actived === 1">
|
||||||
<view class="intro">{{ details.pageA.content }}</view>
|
<view class="intro">{{ details.pageA.content }}</view>
|
||||||
<view class="v12-d-grid-columns-2 card-wrap v12-mt-3">
|
<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">
|
<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>
|
<image class="card-item-img" :src="item.image" mode="aspectFit|aspectFill|widthFix" lazy-load="false"></image>
|
||||||
<view class="v12-justify-center">
|
<view class="v12-justify-center">
|
||||||
《
|
《
|
||||||
@@ -84,6 +84,12 @@ export default {
|
|||||||
this.getDetails()
|
this.getDetails()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
viewImg(item) {
|
||||||
|
uni.previewImage({
|
||||||
|
current: item.image, // 当前显示图片的http链接
|
||||||
|
urls: [item.image] // 需要预览的图片http链接列表
|
||||||
|
})
|
||||||
|
},
|
||||||
handleTab(index) {
|
handleTab(index) {
|
||||||
this.actived = index
|
this.actived = index
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user