331b4a73b2
- 将 LiveRoom 相关组件和文件重命名，统一使用小写开头 - 新增 x-button、x-image 和 x-popup 组件，替代原有 PressableButton 和 ImagePreview -优化 SideButton 组件，使用新的 x-button 和 tangPopup 组件- 更新 LiveRoom 组件中的引用和使用方式 - 调整 tangPopup 组件，使用 goodStore 替代静态数据
54 lines
1.3 KiB
Vue
54 lines
1.3 KiB
Vue
|
||
<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>
|