d4244fc783
重构了item-head、item-bottom、item-offer、item-summary和item-tenement组件，优化了props传递和数据处理逻辑 将公共头部和导航样式提取到public.css中，避免重复代码 修复了item-tenement组件中图片显示和数据处理的问题 更新了item-bottom组件的点赞和收藏逻辑，增加错误提示 优化了item-head组件的用户信息显示逻辑 调整了多个组件的样式细节，包括间距、图标大小等
30 lines
1.2 KiB
Plaintext
30 lines
1.2 KiB
Plaintext
<div class="item-box item-tenement">
|
|
<item-head :itemdata="item"></item-head>
|
|
<div class="title">三房找一位室友合租，家具设备齐全</div>
|
|
|
|
<div class="site-box flexacenter">
|
|
<template v-if="item.intermediary == 6">
|
|
<div class="site-item flexacenter" v-for="(item, index) in item.location" :key="index">
|
|
<img class="site-icon" src="https://app.gter.net/image/miniApp/offer/room.png">
|
|
{{ item }}
|
|
</div>
|
|
</template>
|
|
<div v-else class="site-item flexacenter">
|
|
<img class="site-icon" src="https://app.gter.net/image/miniApp/offer/orientation.png">
|
|
{{ item.location || '九龙 > 尖沙咀/佐敦' }}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="price-section flexacenter">
|
|
<div class="unit">HK$</div>
|
|
<div class="price">{{ item.rent }}</div>
|
|
<span class="text">/月</span>
|
|
<div class="rentalduration">[ 租期{{ item.rentalduration }} ]</div>
|
|
</div>
|
|
|
|
<div class="picture flexacenter" v-if="item.images?.length != 0">
|
|
<img class="picture-item" v-for="(item, index) in item.images" :key="index" :src="item" alt="">
|
|
</div>
|
|
|
|
<item-bottom :itemdata="item"></item-bottom>
|
|
</div> |