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

@@ -25,6 +25,9 @@ export const itemForum = defineComponent({
res.content = res?.content?.replace(/\[.*?\../g, "");
let item = ref({ ...res });
item.value['url'] = '/details/' + item.value.uniqid;
return { item };
},
@@ -33,5 +36,5 @@ export const itemForum = defineComponent({
itemHead,
},
template: `<div class="item-box item-forum"> <item-head :itemdata="item" :page="page"></item-head> <a v-if="item.title" class="title" :href="'/details/' + item.uniqid" target="_blank">{{ item.title }}</a> <a class="message two-line-display" :href="'/details/' + item.uniqid" target="_blank">{{ item.content }}</a> <item-bottom :itemdata="item" :page="page"></item-bottom></div>`,
template: `<div class="item-box item-forum"> <item-head :itemdata="item" :page="page"></item-head> <a v-if="item.title" class="title" :href="item.url" target="_blank">{{ item.title }}</a> <a class="message two-line-display" :href="item.url" target="_blank">{{ item.content }}</a> <item-bottom :itemdata="item" :page="page"></item-bottom></div>`,
});