Fix:4678 【旅居商城小程序】团购详情页,套餐详情图片增加点击查看大图的功能
This commit is contained in:
@@ -102,6 +102,7 @@
|
|||||||
duration="10000">
|
duration="10000">
|
||||||
<swiper-item v-for="(img, idx) in c.images" :key="idx">
|
<swiper-item v-for="(img, idx) in c.images" :key="idx">
|
||||||
<image
|
<image
|
||||||
|
@click="previewHero(c.images, img)"
|
||||||
:src="img"
|
:src="img"
|
||||||
class="swiper-img"
|
class="swiper-img"
|
||||||
mode="aspectFill" />
|
mode="aspectFill" />
|
||||||
@@ -151,7 +152,7 @@
|
|||||||
<!-- 图片 -->
|
<!-- 图片 -->
|
||||||
<view class="v12-mt-3 v12-px-3">
|
<view class="v12-mt-3 v12-px-3">
|
||||||
<view v-for="(img, idx) in detail.detailImages" :key="idx" >
|
<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>
|
</view>
|
||||||
<view class="bottom-space"></view>
|
<view class="bottom-space"></view>
|
||||||
@@ -238,6 +239,11 @@ export default {
|
|||||||
})
|
})
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
previewHero(urls, current) {
|
||||||
|
console.log(urls);
|
||||||
|
|
||||||
|
uni.previewImage({ urls, current })
|
||||||
|
},
|
||||||
toGift(){
|
toGift(){
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
// + '&couponId=' + coupId
|
// + '&couponId=' + coupId
|
||||||
@@ -732,4 +738,4 @@ export default {
|
|||||||
background: #CE4852;
|
background: #CE4852;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user