add: 评论回复

cloudroam

2025-06-12 e04d6a8904fd0c93b931551d8feea0943bae8eac

 components/comment/comment-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>
@@ -29,6 +34,7 @@
    <view class="sub-comment">
      <comment-sub-item 
        v-for="(item, index) in child"
        :key="index"
        :avatar="item.picture" 
        :nickname="item.commentUserName" 
        :isAuthor="item.createBy === filmInfo.createBy"
@@ -37,7 +43,10 @@
        :date="item.createTime" 
        address="湖北" 
         :likes="item.likeCount"
        @reply="emitReply" 
        :isLiked="item.isLike"
        :id="item.id"
        @reply="handleSubReply" 
        @like="handleLike"
        :filmInfo="filmInfo"
        />
    </view>
@@ -58,12 +67,15 @@
  likes: number
  child: CommentDTO[]
  filmInfo: CommentDTO
  isLiked: boolean
  id: number
}

const props = defineProps<Props>()

const emit = defineEmits<{
  (e: 'reply'): void
  (e: 'reply', id?: number): void
  (e: 'like', id: number): void
}>()


@@ -83,11 +95,17 @@


const onReply = () => {
  emit('reply')
  emit('reply', props.id) // ✅ 传递父评论ID
}

const emitReply = () => {
  emit('reply')
const handleSubReply = (commentId: number) => {
   console.log("commentId",commentId)
  emit('reply', commentId)
}

const handleLike = (commentId: number) => {
  console.log('handleLike', commentId)
  emit('like', commentId)
}
</script>