fix(DetailsArea): 修复举报功能并更新相关样式

修复举报功能,区分评论和主题举报类型。更新讨论图标和投币文本样式。移除不必要的背景色和注释代码。

refactor(api): 重构举报相关API接口
将评论举报和主题举报分离为独立接口,提高代码可维护性。

style: 清理多余空格和注释
统一代码格式,删除无用注释和空白行。
This commit is contained in:
DESKTOP-RQ919RC\Pc
2025-11-12 19:10:49 +08:00
parent ac9a2debf2
commit a584a2771b
11 changed files with 148 additions and 265 deletions

View File

@@ -1,4 +1,5 @@
<template>
<Head>
<Title>投票 - 寄托天下出国留学网</Title>
</Head>
@@ -38,16 +39,18 @@
</div>
<div class="vote-data-right flexacenter">
<div class="vote-data-item flexacenter"><img class="vote-data-icon" src="@/assets/img/eye-icon.svg" />&nbsp; {{ item.views }}</div>
<div class="vote-data-item flexacenter" @click.stop.prevent="handleLike(item['token'], index)">
<!-- <div class="vote-data-item flexacenter" @click.stop.prevent="handleLike(item['token'], index)"> -->
<div class="vote-data-item flexacenter">
<img v-if="item['islike'] == 0" class="vote-data-icon" src="@/assets/img/like-icon-gray.png" />
<img v-else class="vote-data-icon" src="@/assets/img/like-red-pitch.png" />&nbsp; {{ item["likes"] }}
<!-- <img class="vote-data-icon" src="@/assets/img/expression-icon.png" />&nbsp; {{ item["ripostes"] }} -->
</div>
<div class="vote-data-item flexacenter"><img class="vote-data-icon" src="@/assets/img/comment-icon.svg" />&nbsp; {{ item["comments"] }}</div>
</div>
</div>
</a>
<div class="empty-box flexcenter" v-if="keyword && list.length == 0 && !loading"><Empty :isNeedIssue="true"></Empty></div>
<div class="empty-box flexcenter" v-if="keyword && list.length == 0 && !loading">
<Empty :isNeedIssue="true"></Empty>
</div>
</div>
<Like v-if="isLikeGif"></Like>
@@ -201,7 +204,7 @@ try {
count.value = data.count;
});
}
} catch (error) {}
} catch (error) { }
</script>
<style lang="less" scoped>
.vote-item {
@@ -242,6 +245,7 @@ try {
display: flex;
flex-wrap: wrap;
min-height: 100vh;
&.firstdata {
.vote-item {
margin-right: 22.5px;
@@ -251,6 +255,7 @@ try {
}
}
}
.vote-item {
width: 385px;
background-color: rgba(255, 255, 255, 1);
@@ -333,6 +338,7 @@ try {
.vote-option-number {
display: none;
}
.tick-icon {
display: block;
}