2025-01-22 03:24:41 +00:00
|
|
|
|
|
|
|
|
|
<script setup>
|
|
|
|
|
const props = defineProps({
|
|
|
|
|
items: Array,
|
|
|
|
|
colIndex: {
|
|
|
|
|
type: Number,
|
|
|
|
|
default: 0
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
const emit = defineEmits(['openShow']);
|
|
|
|
|
|
|
|
|
|
const openShow = (item,index) => {
|
|
|
|
|
emit('openShow', item,index);
|
|
|
|
|
};
|
|
|
|
|
</script>
|
2025-01-16 08:28:21 +00:00
|
|
|
|
<template>
|
|
|
|
|
<div class="flex flex-1 flex-col gap-[16px]">
|
|
|
|
|
<div
|
|
|
|
|
v-for="(item, index) in items"
|
2025-01-22 07:44:50 +00:00
|
|
|
|
:key="item.uuid"
|
2025-01-16 08:28:21 +00:00
|
|
|
|
class="w-full"
|
2025-01-21 03:43:27 +00:00
|
|
|
|
@click="openShow(item,index)"
|
2025-01-16 08:28:21 +00:00
|
|
|
|
>
|
|
|
|
|
<div class="relative w-full">
|
2025-01-21 06:16:54 +00:00
|
|
|
|
<img
|
2025-01-20 05:59:50 +00:00
|
|
|
|
:src="item.artwork?.hdPic"
|
2025-01-21 06:16:54 +00:00
|
|
|
|
class="w-full object-cover rounded-4px"
|
|
|
|
|
|
2025-01-16 08:28:21 +00:00
|
|
|
|
/>
|
|
|
|
|
<div
|
|
|
|
|
class="absolute left-[8px] top-[8px] h-[17px] w-[45px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
|
|
|
|
|
>
|
2025-01-17 08:56:13 +00:00
|
|
|
|
LOT{{ item.index+1 }}
|
2025-01-16 08:28:21 +00:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="pt-[8px]">
|
|
|
|
|
<div class="text-[14px] text-[#000000] leading-[20px]">
|
2025-01-20 03:42:25 +00:00
|
|
|
|
{{ item.name }}
|
2025-01-16 08:28:21 +00:00
|
|
|
|
</div>
|
|
|
|
|
<div class="mt-[4px] text-[12px] text-[#575757]">
|
2025-01-20 03:42:25 +00:00
|
|
|
|
起拍价:{{ item?.startPrice??0 }}
|
2025-01-16 08:28:21 +00:00
|
|
|
|
</div>
|
|
|
|
|
<div
|
2025-01-20 03:46:01 +00:00
|
|
|
|
v-if="item.soldPrice"
|
2025-01-16 08:28:21 +00:00
|
|
|
|
class="mt-[4px] text-[12px] text-[#b58047]"
|
|
|
|
|
>
|
2025-01-20 03:46:01 +00:00
|
|
|
|
成交价:{{ item?.startPrice??0 }}
|
2025-01-16 08:28:21 +00:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|