refactor(组件): 重构链接处理并优化样式结构
- 将硬编码的详情页链接改为通过item.url统一管理 - 将评论区域的div改为可点击的a标签 - 调整图标容器的样式结构,增加定位和尺寸控制 - 修复标签过滤逻辑,避免空值导致的错误
This commit is contained in:
@@ -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>`,
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user