XiaoMo/gterFang
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

4.6接接口

Browse Source
This commit is contained in:
DESKTOP-RQ919RC\Pc
2025-05-13 19:05:34 +08:00
parent 8640fb8de5
commit 4b84dd558e
4 changed files with 144 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/components/public/apartment-item.vue
View File

@@ -7,8 +7,8 @@
<!-- <img v-else class="collect-icon" src="@/assets/img/apartmentDetail/collect-star.jpg" /> -->
</div>
<div class="img-box">
<img class="gter-select" src="@/assets/img/publicImage/gter-select.png" />
<div class="name flexflex">iRent佐敦一期公寓</div>
<img v-if="item.selection" class="gter-select" src="@/assets/img/publicImage/gter-select.png" />
<div class="name flexflex">{{ item.title }}</div>
<img class="img" v-lazy="item['image']" @load="loadload" />
<div class="apartment-introduce flexacenter">
<div class="remark-on flexacenter">
@@ -23,35 +23,41 @@
<img class="safety-icon" src="@/assets/img/publicImage/safety-icon.png" />
实地考察
</div>
<div class="label-item flexacenter violet">费用全包</div>
<div class="label-item flexacenter red">费用全包</div>
<div class="label-item flexacenter">费用全包</div>
<div class="label-item flexacenter">费用全包</div>
<div class="label-item flexacenter">费用全包</div>
<div class="label-item flexacenter">费用全包</div>
<div class="label-item flexacenter violet">0服务费</div>
<div class="label-item flexacenter red" v-for="(item, index) in item.hottags" :key="index">{{ item }}</div>
<template v-if="item.tags">
<div class="label-item flexacenter" v-for="(item, index) in item.tags.split(',')" :key="index">{{ item }}</div>
</template>
</div>
<!-- <div class="title">{{ item["title"] }}</div>
<div class="hint">{{ item["propaganda"] }}</div>
<div class="tab-box flexflex" v-if="item['tags']">
<div class="tab-item flexcenter" v-for="(it, index) in item['tags'].split(',')" :key="index">{{ it }}</div>
</div> -->
<div class="location flexacenter" v-if="item['address']">
<img class="location-icon" src="@/assets/img/publicImage/location-icon.png" />
<div class="ellipsis">{{ item["address"] }}</div>
<span class="area-distance" v-if="pitchValue?.school && item['distance']">{{ Math.round(item["distance"] * 10) / 10 }}km</span>
</div>
<div class="distance flexflex">
<div class="figure flexacenter">
<div class="figure flexacenter" v-if="item.distance?.distance">
距离
<div class="school">城大</div>
<div class="mile">1.3km</div>
<div class="school">{{ item.distance.alias }}</div>
<div class="mile">{{ item.distance.distance }}km</div>
</div>
<!-- <span class="area-distance">1.36km</span> -->
<div class="vehicle-list flex1 flexflex">
<div class="vehicle-item flexacenter" v-for="item in 3" :key="index">
<div class="vehicle-item flexacenter" v-if="item.distance?.walking_duration">
<img class="vehicle-icon" src="@/assets/img/publicImage/walk-icon.png" />
42min
{{ item.distance.walking_duration }}
</div>
<div class="vehicle-item flexacenter" v-if="item.distance?.transit_duration">
<img class="vehicle-icon" src="@/assets/img/publicImage/walk-icon.png" />
{{ item.distance.transit_duration }}
</div>
<div class="vehicle-item flexacenter" v-if="item.distance?.driving_duration">
<img class="vehicle-icon" src="@/assets/img/publicImage/walk-icon.png" />
{{ item.distance.driving_duration }}
</div>
</div>
</div>
@@ -59,10 +65,10 @@
<div class="collect-type flexacenter">
<div class="collect flexacenter flex1">
<img class="flame-icon" src="@/assets/img/publicImage/flame-icon.png" />
近15天36人收藏
近15天{{ item.collectnum }}人收藏
</div>
<div class="house-type flexacenter">
共8个房型
共{{ item.roomnum || 0 }}个房型
<img class="icon" src="@/assets/img/publicImage/arrow-return.svg" />
</div>
</div>
@@ -73,10 +79,10 @@
<div class="price flexflex">
<div class="type-data flexacenter">
<div class="unit">HK$</div>
<div class="price">{{ it["price"] }}</div>
<div class="price">{{ it.discountprice || it["price"] }}</div>
/月
</div>
<div class="original-price">HK$8600/月</div>
<div class="original-price" v-if="it.discountprice">HK${{ it.discountprice }}/月</div>
</div>
</div>
</div>