Fix:4678 【旅居商城小程序】团购详情页,套餐详情图片增加点击查看大图的功能
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user