apps/supplier-dispatch-h5
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

二手车交易，swiper显示查看做两套

Browse Source
This commit is contained in:
zhouxueli
2025-03-13 16:21:37 +08:00
parent c8964508f2
commit 05e4df5751
1 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/views/secondHandCar/forSale.vue
View File

@ -7,7 +7,12 @@
<div style="opacity: 0;" class="back"></div> <div style="opacity: 0;" class="back"></div>
</div> </div>
<div class="contentWrap"> <div class="contentWrap">
<van-swipe @change="onChange"> <el-carousel v-if="isWebFunc()" trigger="click" height="215px" :autoplay="false">
<el-carousel-item v-for="(item,i) in imgSrcList" :key="i">
<img v-if="item" class="swipeImg" :src="item" />
</el-carousel-item>
</el-carousel>
<van-swipe v-else @change="onChange" >
<van-swipe-item v-for="(item,i) in imgSrcList" :key="i"> <van-swipe-item v-for="(item,i) in imgSrcList" :key="i">
<img v-if="item" class="swipeImg" :src="item" /> <img v-if="item" class="swipeImg" :src="item" />
</van-swipe-item> </van-swipe-item>
@ -159,6 +164,7 @@ export default {
window.location.href = `tel:${this.detailInfo.contactNumber}`; window.location.href = `tel:${this.detailInfo.contactNumber}`;
}, },
onChange(index) { onChange(index) {
console.log("index",index)
this.current = index; this.current = index;
}, },
} }
@ -196,6 +202,8 @@ export default {
box-sizing: border-box; box-sizing: border-box;
padding: 0 6px; padding: 0 6px;
margin-top: -15px; margin-top: -15px;
position: relative;
z-index: 111;
} }
.wrapCommon{ .wrapCommon{
width: 100%; width: 100%;
@ -325,9 +333,9 @@ export default {
.van-swipe-item{ .van-swipe-item{
height: 215px; height: 215px;
background-color: pink; background-color: pink;
.swipeImg{ }
width: 100%; .swipeImg{
height: 100%; width: 100%;
} height: 100%;
} }
</style> </style>