refactor(组件): 重构链接处理并优化样式结构

- 将硬编码的详情页链接改为通过item.url统一管理
- 将评论区域的div改为可点击的a标签
- 调整图标容器的样式结构,增加定位和尺寸控制
- 修复标签过滤逻辑,避免空值导致的错误
This commit is contained in:
DESKTOP-RQ919RC\Pc
2025-11-06 19:19:59 +08:00
parent 3365e5ee0a
commit 5c199bb8fe
7 changed files with 33 additions and 14 deletions

View File

@@ -1,12 +1,12 @@
<div class="comment flexacenter" v-if="item?.commentreviews && !Array.isArray(item?.commentreviews)">
<a class="comment flexacenter" v-if="item?.commentreviews && !Array.isArray(item?.commentreviews)" :href="item.url" target="_blank">
<img class="icon" :src="item?.commentreviews?.avatar" />
<div class="text one-line-display">{{ item?.commentreviews?.content || "[图]" }}</div>
</div>
</a>
<template v-if="item.comment_list?.length != 0">
<div class="comment flexacenter" style="margin-bottom: 15px" v-for="(item, index) in item.comment_list" :key="index">
<a class="comment flexacenter" style="margin-bottom: 15px" v-for="(item, index) in item.comment_list" :key="index" :href="item.url" target="_blank">
<img class="icon" :src="item.avatar" />
<div class="text one-line-display">{{ item.content || "[图]" }}</div>
</div>
</a>
</template>
<div class="bottom flexacenter">
<div class="bottom-item like flexacenter" @click="likeClick()" v-if="item?.type != 'tenement'">