story#5314 h5端 点击车源查看详情的照片,无法再点击放大,需要改成可以点击查看大图

This commit is contained in:
2025-04-02 10:56:30 +08:00
parent 0e138e22f4
commit cdc63e6c42

View File

@ -19,8 +19,8 @@
<!-- <img v-if="item" class="swipeImg" :src="item" />--> <!-- <img v-if="item" class="swipeImg" :src="item" />-->
</el-carousel-item> </el-carousel-item>
</el-carousel> </el-carousel>
<van-swipe v-else @change="onChange" > <van-swipe v-else @change="onChange" :autoplay="3000">
<van-swipe-item v-for="(item,i) in imgSrcList" :key="i"> <van-swipe-item v-for="(item,i) in imgSrcList" :key="i" @click="showImagePreview(i)">
<img v-if="item" class="swipeImg" :src="item" /> <img v-if="item" class="swipeImg" :src="item" />
</van-swipe-item> </van-swipe-item>
<template #indicator> <template #indicator>
@ -107,7 +107,7 @@
import {myMixins} from "@/utils/myMixins" import {myMixins} from "@/utils/myMixins"
import {carInfoDetail,saveRecord} from "@/api/secondHandCar"; import {carInfoDetail,saveRecord} from "@/api/secondHandCar";
import { Dialog } from 'vant'; import { ImagePreview, Dialog } from 'vant';
export default { export default {
name: "forSale", name: "forSale",
mixins:[myMixins], mixins:[myMixins],
@ -157,6 +157,13 @@ export default {
this.getDuration(1) this.getDuration(1)
}, },
methods:{ methods:{
showImagePreview(index) {
ImagePreview({
images: this.imgSrcList.map(item => item),
startPosition: index,
closeable: true
});
},
formatToWan(num) { formatToWan(num) {
let result = (num / 10000).toString(); // 转换为万单位 let result = (num / 10000).toString(); // 转换为万单位
if (result.includes('.')) { if (result.includes('.')) {