From e04d6a8904fd0c93b931551d8feea0943bae8eac Mon Sep 17 00:00:00 2001 From: cloudroam <cloudroam> Date: 星期四, 12 六月 2025 18:11:06 +0800 Subject: [PATCH] add: 评论回复 --- components/comment/comment-sub-item.vue | 20 +++++++++++++++++--- 1 files changed, 17 insertions(+), 3 deletions(-) diff --git a/components/comment/comment-sub-item.vue b/components/comment/comment-sub-item.vue index ded7a6b..e36c47d 100644 --- a/components/comment/comment-sub-item.vue +++ b/components/comment/comment-sub-item.vue @@ -19,7 +19,12 @@ </view> </view> <view class="comment-opeartor"> - <up-icon name="heart" size="30rpx" /> + <up-icon + name="heart" + size="30rpx" + :color="isLiked ? '#FF0000' : '#B9B9B9'" + @click="() => handleLike(props.id)" + /> <view class="comment-opeartor-heart-number">{{ likes }}</view> </view> </view> @@ -39,14 +44,23 @@ address: string likes: number filmInfo: CommentDTO + isLiked: boolean + id: number }>() const emit = defineEmits<{ - (e: 'reply'): void + (e: 'reply', id: number): void + (e: 'like', id: number): void }>() const onReply = () => { - emit('reply') + console.log("onReply",props) + emit('reply', props.id) +} + +const handleLike = (id: number) => { // 添加参数 + console.log("handleLike", id) + emit('like', id) } </script> -- Gitblit v1.9.3