|
|
@@ -1,59 +0,0 @@
|
|
|
-<template>
|
|
|
- <div>
|
|
|
- <!-- 收到的评论 -->
|
|
|
-
|
|
|
- <template v-for="item in commentList" :key="item?.id">
|
|
|
- <NuxtLink
|
|
|
- :to="`/yj/${item.travelNoteId}`"
|
|
|
- style="scrollbar-width: none"
|
|
|
- class="w-full block px-12 pt-8 box-border flex justify-start items-start border"
|
|
|
- >
|
|
|
- <div class="w-32 h-32 rounded-full shrink-0">
|
|
|
- <img
|
|
|
- v-if="item?.headImageUrlDictMap?.name"
|
|
|
- class="w-full h-full object-cover rounded-full"
|
|
|
- :src="item?.headImageUrlDictMap?.name"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- <img
|
|
|
- v-else
|
|
|
- class="w-full h-full object-cover rounded-full"
|
|
|
- src="https://www.xiaoyaotravel.com/_nuxt/default_avatar.gSq5JxK1.png"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="ml-8 mr-17 w-[59%] text-sm">
|
|
|
- <p class="w-full line-clamp-1 text-black-6 font-normal leading-xl">
|
|
|
- {{ '5465555' }}
|
|
|
- </p>
|
|
|
- <p class="w-full line-clamp-1 my-6 text-black-3 text-base leading-4xl">
|
|
|
- <span>回复：</span>
|
|
|
- <span v-html="coveredContent(item?.commentContent)"></span>
|
|
|
- </p>
|
|
|
- <p class="w-full mb-6 text-black-9 leading-xl">{{ item?.createTime }}</p>
|
|
|
- <div
|
|
|
- class="box-border mb-12 line-clamp-1 rounded-full border w-95 h-26 flex justify-center items-center text-base px-8 text-black-3 leading-4xl bg-[#F5F5F5] active:bg-black/[0.1]"
|
|
|
- >
|
|
|
- <div class="w-16 h-16 rounded-full shrink-0 mr-4">
|
|
|
- <img class="w-full h-full object-cover" src="" alt="" />
|
|
|
- </div>
|
|
|
- 回复评论
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="w-71 h-47 shrink-0 rounded-[4px] overflow-hidden">
|
|
|
- <img class="w-full h-full object-cover" src="" alt="" />
|
|
|
- </div>
|
|
|
- </NuxtLink>
|
|
|
- </template>
|
|
|
- </div>
|
|
|
-</template>
|
|
|
-<script setup>
|
|
|
-const props = defineProps({
|
|
|
- data: {
|
|
|
- type: Object,
|
|
|
- default: () => ({})
|
|
|
- }
|
|
|
-})
|
|
|
-</script>
|
|
|
-<style lang="scss" scoped></style>
|
