liveh5-nuxt/app/pages/home/components/Column/index.vue

54 lines
1.3 KiB
Vue
Raw Normal View History

<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>
<template>
<div class="flex flex-1 flex-col gap-[16px]">
<div
v-for="(item, index) in items"
:key="item.uuid"
class="w-full"
@click="openShow(item,index)"
>
<div class="relative w-full">
<img
:src="item.artwork?.hdPic"
class="w-full object-cover rounded-4px"
/>
<div
class="absolute left-[8px] top-[8px] h-[17px] w-[45px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
>
LOT{{ item.index+1 }}
</div>
</div>
<div class="pt-[8px]">
<div class="text-[14px] text-[#000000] leading-[20px]">
{{ item.name }}
</div>
<div class="mt-[4px] text-[12px] text-[#575757]">
起拍价{{ item?.startPrice??0 }}
</div>
<div
v-if="item.soldPrice"
class="mt-[4px] text-[12px] text-[#b58047]"
>
成交价{{ item?.startPrice??0 }}
</div>
</div>
</div>
</div>
</template>