二手车交易,swiper显示查看做两套
This commit is contained in:
@ -7,7 +7,12 @@
|
||||
<div style="opacity: 0;" class="back"></div>
|
||||
</div>
|
||||
<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">
|
||||
<img v-if="item" class="swipeImg" :src="item" />
|
||||
</van-swipe-item>
|
||||
@ -159,6 +164,7 @@ export default {
|
||||
window.location.href = `tel:${this.detailInfo.contactNumber}`;
|
||||
},
|
||||
onChange(index) {
|
||||
console.log("index",index)
|
||||
this.current = index;
|
||||
},
|
||||
}
|
||||
@ -196,6 +202,8 @@ export default {
|
||||
box-sizing: border-box;
|
||||
padding: 0 6px;
|
||||
margin-top: -15px;
|
||||
position: relative;
|
||||
z-index: 111;
|
||||
}
|
||||
.wrapCommon{
|
||||
width: 100%;
|
||||
@ -325,9 +333,9 @@ export default {
|
||||
.van-swipe-item{
|
||||
height: 215px;
|
||||
background-color: pink;
|
||||
}
|
||||
.swipeImg{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
Reference in New Issue
Block a user