|
@@ -109,16 +109,16 @@
|
|
|
<van-tab title="周边配套">
|
|
|
<div class="min-h-[200px] pt-[10px]">
|
|
|
<div>{{ detailData?.tourHouseSaleInfoVo?.surroundingSupport }}</div>
|
|
|
- <div v-for="(item,index) in detailData?.surroundingAtlasList" :key="index" class="w-full aspect-[1.3/1] mt-10">
|
|
|
- <img class="w-full h-full object-cover" :src="item" alt="" />
|
|
|
+ <div v-for="(item,index) in detailData?.surroundingAtlasList" :key="index" class="w-full mt-10">
|
|
|
+ <img class="w-full" :src="item" alt="" />
|
|
|
</div>
|
|
|
</div>
|
|
|
</van-tab>
|
|
|
<van-tab title="小区介绍">
|
|
|
<div class="min-h-[200px] pt-[10px]">
|
|
|
<div>{{ detailData?.tourHouseSaleInfoVo?.plotIntroduction }}</div>
|
|
|
- <div v-for="(item,index) in detailData?.communityIntroductionAtlas" :key="index" class="w-full aspect-[1.3/1] mt-10">
|
|
|
- <img class="w-full h-full object-cover" :src="item" alt="" />
|
|
|
+ <div v-for="(item,index) in detailData?.communityIntroductionAtlas" :key="index" class="w-full mt-10">
|
|
|
+ <img class="w-full" :src="item" alt="" />
|
|
|
</div>
|
|
|
</div>
|
|
|
</van-tab>
|
|
@@ -169,7 +169,7 @@ const onSwiper = (swiper) => {
|
|
|
const onSlideChange = () => {
|
|
|
if (swiperInstance) {
|
|
|
// realIndex 是当前实际的索引(考虑了 loop 模式)
|
|
|
- currentIndex.value = swiperInstance.realIndex + 1
|
|
|
+ currentIndex.value = isNaN(swiperInstance.realIndex + 1)?1 : swiperInstance.realIndex + 1
|
|
|
}
|
|
|
}
|
|
|
const active = ref(0);
|
|
@@ -181,7 +181,7 @@ onMounted(() => {
|
|
|
})
|
|
|
</script>
|
|
|
|
|
|
-<style scoped>
|
|
|
+<style scoped lang="scss">
|
|
|
.swiper {
|
|
|
@apply w-full h-full;
|
|
|
}
|
|
@@ -198,4 +198,5 @@ onMounted(() => {
|
|
|
.absolute {
|
|
|
transition: all 0.3s ease;
|
|
|
}
|
|
|
+
|
|
|
</style>
|