|
@@ -0,0 +1,60 @@
|
|
|
+<template>
|
|
|
+ <!-- <div
|
|
|
+ class="group relative flex space-x-15 px-10 py-20 transition-all hover:bg-[#f8f8f8]"
|
|
|
+ > -->
|
|
|
+ <!-- <img
|
|
|
+ :src="formatImgSrc(data.tourismUrlsAfterConvert) || noteDraftCoverBg"
|
|
|
+ class="aspect-[4/3] h-180 shrink-0 rounded-xl object-cover"
|
|
|
+ />
|
|
|
+ <div class="flex-1">
|
|
|
+ <div class="min-h-140">
|
|
|
+ <NuxtLink
|
|
|
+ :to="`/yj/${data.id}`"
|
|
|
+ class="cursor-pointer truncate break-all text-2xl font-bold text-black-3 transition-all hover:text-primary"
|
|
|
+ >
|
|
|
+ {{ data.projectTitle }}
|
|
|
+ </NuxtLink>
|
|
|
+ <div class="mt-10 line-clamp-3 break-all text-base text-black-6">
|
|
|
+ {{ data.remarks }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="flex space-x-20 text-base text-black-6">
|
|
|
+ <div class="flex items-center space-x-2">
|
|
|
+ <span
|
|
|
+ class="iconfont icon-eye-fill text-black-9"
|
|
|
+ style="font-size: 16px"
|
|
|
+ ></span>
|
|
|
+ <div>{{ data.pageViewCount ?? 0 }}</div>
|
|
|
+ </div>
|
|
|
+ <div v-if="data.endPlaceDictMap" class="flex items-center space-x-2">
|
|
|
+ <span
|
|
|
+ class="iconfont icon-location-fill text-black-9"
|
|
|
+ style="font-size: 16px"
|
|
|
+ ></span>
|
|
|
+ <div>{{ data.endPlaceDictMap?.name }}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ @click="$emit('onNoteDown')"
|
|
|
+ class="absolute bottom-20 right-20 hidden cursor-pointer items-center space-x-5 rounded border border-[#f0f2f5] px-20 py-5 text-sm text-primary hover:bg-primary hover:text-white group-hover:flex"
|
|
|
+ >
|
|
|
+ 下架
|
|
|
+ </div> -->
|
|
|
+ <!-- </div> -->
|
|
|
+</template>
|
|
|
+
|
|
|
+<script setup>
|
|
|
+// import noteDraftCoverBg from '~/assets/img/note-create/note_draft_cover_bg.jpg'
|
|
|
+
|
|
|
+// const props = defineProps({
|
|
|
+// data: {
|
|
|
+// type: Object,
|
|
|
+// default: () => ({})
|
|
|
+// }
|
|
|
+// })
|
|
|
+
|
|
|
+// defineEmits(['onNoteDown'])
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped></style>
|