+
![]()
diff --git a/src/views/apartmentDetail.vue b/src/views/apartmentDetail.vue
index 58ca9b4..4e6d520 100644
--- a/src/views/apartmentDetail.vue
+++ b/src/views/apartmentDetail.vue
@@ -86,13 +86,35 @@
-
-
- 
+
+
+
@@ -132,11 +154,99 @@
+
+
+
{{ info["address"] }}
- 位置与交通
- 
+ 地图
+
+
+
+ 地图
+
+
+ 距离
+
+
+ 城大
+ 1.3km
+ [切换院校]
+
+
+ 
+ 2min
+
+
+ 2min
+
+
+ 2min
+
+
+ 2min
+
+
+ 2min
+ 2min
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 活动周期：即ntil8月28日 年付优惠：管理费5折+免1.5%跨境支付手续费活动周期：即ntil8月28日 年付优惠：管理费5折+免1.5%跨境支付手续费活动周期：即ntil8月28日 年付优惠：管理费5折+免1.5活动周期：即ntil8月28日 年付优惠：管理费5折+免1.5%跨境支付手续费活动周期：即ntil8月28日 年付优惠：管理费5折+免1.5%跨境支付手续费活动周期：即ntil8月28日 年付优惠：管理费5折+免1.5活动周期：即ntil8月28日 年付优惠：管理费5折+免1.5%跨境支付手续费活动周期：即ntil8月28日 年付优惠：管理费5折+免1.5%跨境支付手续费活动周期：即ntil8月28日 年付优惠：管理费5折+免1.5活动周期：即ntil8月28日 年付优惠：管理费5折+免1.5%跨境支付手续费活动周期：即ntil8月28日 年付优惠：管理费5折+免1.5%跨境支付手续费活动周期：即ntil8月28日 年付优惠：管理费5折+免1.5活动周期：即ntil8月28日 年付优惠：管理费5折+免1.5%跨境支付手续费活动周期：即ntil8月28日 年付优惠：管理费5折+免1.5%跨境支付手续费活动周期：即ntil8月28日 年付优惠：管理费5折+免1.5活动周期：即ntil8月28日 年付优惠：管理费5折+免1.5%跨境支付手续费活动周期：即ntil8月28日 年付优惠：管理费5折+免1.5%跨境支付手续费活动周期：即ntil8月28日 年付优惠：管理费5折+免1.5活动周期：即ntil8月28日 年付优惠：管理费5折+免1.5%跨境支付手续费活动周期：即ntil8月28日 年付优惠：管理费5折+免1.5%跨境支付手续费活动周期：即ntil8月28日 年付优惠：管理费5折+免1.5活动周期：即ntil8月28日 年付优惠：管理费5折+免1.5%跨境支付手续费活动周期：即ntil8月28日 年付优惠：管理费5折+免1.5%跨境支付手续费活动周期：即ntil8月28日 年付优惠：管理费5折+免1.5
+
+
+
+
+
+
+
+ 寄托实地考察
+
+ 2
+ 
+
+
+
+ 
+
+
+
+
+ 
+ 
+
+
+ 寄托方同学
+ 交通和生活都非常便利，交通和生活都非常便利，交通和生活都非常便利，房间整洁完善，拎包入住没问题！周围五百米内，超市…
+
+
+
+
+
+ 寄托回访
+
+ 3
+
+
+
+
+
+
+
+
+
+
+
+ 寄托方同学
+ 已入住
+ 交通和生活都非常便利，交通和生活都非常便利，交通和生活都非常便利，房间整洁完善，拎包入住没问题！周围五百米内，超市…
+
-
-->
+
-
-
+ 
+
+
+
+ ![]()
+ 
+
+
+
+
+ {{ item.name }}
+
+
+
+ HK$
+ {{ item.discountprice || item.price }}
+ /月
+
+ HK$ {{ item.price }}/月
+
+
+
+ 
+ 收藏
+
+
+ 收藏
+
+ 
+ 咨询
+
+
+ 咨询
+ 已租满
+
+
-
+ 
+ 费用说明
+
+
+ 费用说明
+
+
+
+ ![]()
+ {{ item.name }}
+
+ 长租房租期统一为 12 个月
+
+
-
-
- 
- {{ info.location || "位置" }}
+ 
+ {{ info.location || "交通" }}
- {{ info.location || "位置" }}
+
+ {{ info.location || "交通" }}
-
-
-
-
-
-
-
-
- 
- 
-
- {{ specialSchoolDistance.distanceText }}
-
-
- {{ specialSchoolDistance?.durationText }}
-
- 
-
-
- {{ specialSchoolDistance.alias || "都大" }}
-
-
-
-
-
-
-
- {{ item.distanceText || "2.0km" }}
-
-
- {{ item.list[0]?.publictransport?.durationText2 || item.list[0]?.durationText2 || "41min" }}
-
-
-
-
-
- {{ item.alias || "都大" }}
-
- 
- 更多
- 
-
-
- 更多
-
-
-
- 房源
- 
- 院校
- 
-
-
- 院校
-
-
-
-
-
- {{ item.alias }}
-
-
-
-
+
+
- 
-
- {{ targetAcademyPitch.school }}
+
+
-
+
+
+
-
+
+
+
- {{ specialSchoolDistance.distanceText }}
+
+
+ {{ specialSchoolDistance?.durationText }}
本数据来自高德地图，仅供参考。
+
+
+
+
+ {{ specialSchoolDistance.alias || "都大" }}
-
- 
+
+
+
-
- {{ item.title }}
- {{ item.distanceText || "1km" }}
-
-
-
-
-
-
- {{ item?.publictransport?.durationText || item.durationText || "1分钟" }}
-
+
+
-
+
+
+
+
+
- {{ item.distanceText || "2.0km" }}
+
+
+ {{ item.list[0]?.publictransport?.durationText2 || item.list[0]?.durationText2 || "41min" }}
-
+
+
-
-
-
+ 步行{{ item.distanceText }}
-
-
-
+
+ {{ item.name }}
- {{ item.via_num }}站·{{ item.durationText }}
+
+
+
+
+ {{ item.alias || "都大" }}
+
+
+ 更多
+
+
+
+ 更多
+
+
+
-
+ 房源
+
+ 院校
+
+
+
+ 院校
+
+
+
+
+
+
+
+ {{ item.alias }}
+
+
-
+
-
+
+
+
+
-
-
-
+ {{ item.name }}
- {{ item.via_num }}站·{{ item.durationText }}
+ {{ targetAcademyPitch.school }}
+ 本数据来自高德地图，仅供参考。
+
+
+
+
+
+
+ {{ item.title }}
+ {{ item.distanceText || "1km" }}
+
+
+
+
+
+
+ {{ item?.publictransport?.durationText || item.durationText || "1分钟" }}
+
+
+
+
+
+
步行{{ item.distanceText }}
+
+
+
+
+ {{ item.name }}
+ {{ item.via_num }}站·{{ item.durationText }}
+
+
{{ item.name }}
+ {{ item.via_num }}站·{{ item.durationText }}
+
-
交通
+
+
+
-
+ 
+ 公寓设施
+
+
+
+ 公寓设施
+
+
+
+
+
+ 公用设施（6）
+
+
+
+ 
+ 无线网络
+
+
+ 无线网络
+
+
+
+ 
+
+ 洗衣房
+
+ 展开全部
+ 
+
+
+
+
房源详情
@@ -315,7 +473,7 @@
-
房源详情
@@ -315,7 +473,7 @@
+
- 生活
+ 生活配套
@@ -550,7 +708,22 @@ const init = () => {
});
});
- roomList.value = data["roomList"];
+ const roomListTarget = data.roomList || [];
+
+ roomListTarget.forEach((element) => {
+ let thumbnail = "";
+ let isVideo = false;
+ if (element.videos && element.videos.length > 0) {
+ thumbnail = element.videos[0].thumbnail;
+ isVideo = true;
+ } else if (element.images && element.images.length > 0) thumbnail = element.images[0].thumbnail;
+
+ element["thumbnail"] = thumbnail;
+ element["isVideo"] = isVideo;
+ });
+
+ roomList.value = roomListTarget;
+
data["info"]["coordinate"] = data["info"]["coordinate"].split(",").map((item) => {
return +item;
});
@@ -909,6 +1082,33 @@ const getClass = (index) => {
[`item${index}`]: true,
};
};
+
+const costArr = [
+ {
+ name: "租期",
+ img: "tenancy-term-icon.png",
+ },
+ {
+ name: "付款方式",
+ img: "payment-method-icon.png",
+ },
+ {
+ name: "水电煤网",
+ img: "water-electricity-icon.png",
+ },
+ {
+ name: "管理费",
+ img: "management-cost-icon.png",
+ },
+ {
+ name: "印花税",
+ img: "stamp-duty-icon.png",
+ },
+ {
+ name: "房间清洁",
+ img: "clean-icon.png",
+ },
+];
- 生活
+ 生活配套