jiazhizhong/OpenIsle
1
0
Fork 0
mirror of https://github.com/nagisa77/OpenIsle.git synced 2026-06-07 02:27:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: 更新评论项组件，增加回复用户头像点击事件，取消使用 replace

Browse Source
This commit is contained in:
CH-122
2025-08-29 13:59:02 +08:00
parent 58ff8b177e
commit d7bfeed259
2 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend_nuxt/components/CommentItem.vue
View File

@@ -26,7 +26,8 @@
<span v-if="level >= 2" class="reply-item"> <span v-if="level >= 2" class="reply-item">
<i class="fas fa-reply reply-icon"></i> <i class="fas fa-reply reply-icon"></i>
<span class="reply-info"> <span class="reply-info">
<img :src="comment.parentUserAvatar || '/default-avatar.svg'" alt="" class="reply-avatar"> <BaseImage class="reply-avatar" :src="comment.parentUserAvatar || '/default-avatar.svg'" alt="avatar"
@click="comment.parentUserClick && comment.parentUserClick()" />
<span class="reply-user-name">{{ comment.parentUserName }}</span> <span class="reply-user-name">{{ comment.parentUserName }}</span>
</span> </span>
</span> </span>
@@ -391,6 +392,7 @@ const handleContentClick = (e) => {
height: 20px; height: 20px;
border-radius: 50%; border-radius: 50%;
margin-right: 5px; margin-right: 5px;
cursor: pointer;
} }
.reply-icon { .reply-icon {

7
frontend_nuxt/pages/posts/[id]/index.vue
View File

@@ -411,7 +411,7 @@ const gatherPostItems = () => {
} }
} }
const mapComment = (c, parentUserName = '', parentUserAvatar = '', level = 0) => ({ const mapComment = (c, parentUserName = '', parentUserAvatar = '', parentUserId = '', level = 0) => ({
id: c.id, id: c.id,
userName: c.author.username, userName: c.author.username,
medal: c.author.displayMedal, medal: c.author.displayMedal,
@@ -421,12 +421,13 @@ const mapComment = (c, parentUserName = '', parentUserAvatar = '', level = 0) =>
text: c.content, text: c.content,
reactions: c.reactions || [], reactions: c.reactions || [],
pinned: Boolean(c.pinned ?? c.pinnedAt ?? c.pinned_at), pinned: Boolean(c.pinned ?? c.pinnedAt ?? c.pinned_at),
reply: (c.replies || []).map((r) => mapComment(r, c.author.username, c.author.avatar, level + 1)), reply: (c.replies || []).map((r) => mapComment(r, c.author.username, c.author.avatar, c.author.id, level + 1)),
openReplies: level === 0, openReplies: level === 0,
src: c.author.avatar, src: c.author.avatar,
iconClick: () => navigateTo(`/users/${c.author.id}`, { replace: true }), iconClick: () => navigateTo(`/users/${c.author.id}`),
parentUserName: parentUserName, parentUserName: parentUserName,
parentUserAvatar: parentUserAvatar, parentUserAvatar: parentUserAvatar,
parentUserClick: parentUserId ? () => navigateTo(`/users/${parentUserId}`) : null,
}) })
const getTop = (el) => { const getTop = (el) => {