feat: 更新组件样式和功能,优化路由链接和用户体验

refactor: 重构组件模板,统一使用相对路径和内部路由

style: 调整CSS样式,修复布局和间距问题

fix: 修复投票和offer组件链接错误问题

chore: 添加新图片资源并更新相关引用路径

perf: 移除调试日志,优化页面加载性能

docs: 更新组件注释和文档说明

test: 更新测试用例以适配新功能

ci: 调整构建配置以支持新资源文件

build: 更新依赖项以兼容新功能
This commit is contained in:
DESKTOP-RQ919RC\Pc
2025-11-03 19:20:55 +08:00
parent 7bdeff17f6
commit 671732d277
45 changed files with 390 additions and 197 deletions

View File

@@ -1,30 +1,30 @@
<div class="item-box item-tenement">
<item-head :itemdata="item"></item-head>
<div class="title">三房找一位室友合租,家具设备齐全</div>
<a class="title" :href="item.url" target="_blank">{{ item.title }}</a>
<div class="site-box flexacenter">
<a class="site-box flexacenter" :href="item.url" target="_blank">
<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">
<img class="site-icon" src="/img/orientation.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 || '九龙 > 尖沙咀/佐敦' }}
<img class="site-icon" src="/img/orientation.png">
{{ item.location || '' }}
</div>
</div>
</a>
<div class="price-section flexacenter">
<a class="price-section flexacenter" :href="item.url" target="_blank">
<div class="unit">HK$</div>
<div class="price">{{ item.rent }}</div>
<span class="text">/月</span>
<div class="rentalduration">[ 租期{{ item.rentalduration }} ]</div>
</div>
</a>
<div class="picture flexacenter" v-if="item.images?.length != 0">
<a class="picture flexacenter" :href="item.url" target="_blank" v-if="item.images?.length != 0">
<img class="picture-item" v-for="(item, index) in item.images" :key="index" :src="item" alt="">
</div>
</a>
<item-bottom :itemdata="item"></item-bottom>
</div>