Fix:4678 【旅居商城小程序】团购详情页,套餐详情图片增加点击查看大图的功能

This commit is contained in:
LinCyJang
2025-11-30 12:19:54 +08:00
parent ef3cd4a610
commit d69c41e193
+8 -2
View File
@@ -102,6 +102,7 @@
duration="10000">
<swiper-item v-for="(img, idx) in c.images" :key="idx">
<image
@click="previewHero(c.images, img)"
:src="img"
class="swiper-img"
mode="aspectFill" />
@@ -151,7 +152,7 @@
<!-- 图片 -->
<view class="v12-mt-3 v12-px-3">
<view v-for="(img, idx) in detail.detailImages" :key="idx" >
<image :src="img" class="v12-radius-40" style="width: 100%;" mode="aspectFill" />
<image :src="img" class="v12-radius-40" style="width: 100%;" mode="aspectFill" @click="previewHero(detail.detailImages, img)" />
</view>
</view>
<view class="bottom-space"></view>
@@ -238,6 +239,11 @@ export default {
})
},
methods: {
previewHero(urls, current) {
console.log(urls);
uni.previewImage({ urls, current })
},
toGift(){
uni.navigateTo({
// + '&couponId=' + coupId
@@ -732,4 +738,4 @@ export default {
background: #CE4852;
}
}
</style>
</style>