e2b5e6bcbf
- 在 .env.test 中添加 NUXT_PUBLIC_SOCKET_URL 配置项 - 在直播室页面中实现 websocket连接和消息监听 -优化拍卖详情获取逻辑 - 更新首页和详情页相关组件
55 lines
1.7 KiB
Vue
55 lines
1.7 KiB
Vue
<script setup>
|
||
import { showImagePreview } from 'vant';
|
||
|
||
import xImage from '@/components/x-image/index.vue'
|
||
const props = defineProps({
|
||
detailInfo: {
|
||
type: Object,
|
||
default: null
|
||
}
|
||
})
|
||
|
||
</script>
|
||
|
||
<template>
|
||
<div>
|
||
<div class="flex justify-center">
|
||
<xImage class="h-188px" :src="detailInfo?.artwork?.hdPic"></xImage>
|
||
</div>
|
||
<div class="px-[16px] bg-[#fff] pt-[11px] mb-6px">
|
||
<div class="text-[#000] text-[16px] mb-[12px]">{{detailInfo?.artworkTitle}}</div>
|
||
<div class="text-#575757 text-[14px] pb-8px">
|
||
<div class="flex mb-[4px]">
|
||
<div class="w-[70px]">作者：</div>
|
||
<div>{{detailInfo?.artwork?.artistName??'-'}}</div>
|
||
</div>
|
||
<div class="flex mb-[4px]">
|
||
<div class="w-[70px] flex-shrink-0">总平尺数：</div>
|
||
<div>{{detailInfo?.artwork?.ruler??'-'}}</div>
|
||
</div>
|
||
<div class="flex mb-[4px]">
|
||
<div class="w-[70px] flex-shrink-0">长*宽：</div>
|
||
<div>{{detailInfo?.artwork?.length}}*{{detailInfo?.artwork?.width}}cm</div>
|
||
</div>
|
||
<div class="flex mb-[4px]">
|
||
<div class="w-[70px] flex-shrink-0">画作简介：</div>
|
||
<div>{{detailInfo?.artwork?.abstract??'-'}}</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex px-[16px] bg-#fff h-[36px] items-center mb-6px">
|
||
<div class="text-[#575757] text-[14px]">起拍价：</div>
|
||
<div class="text-#575757 text-14px font-bold">RMB 1,000</div>
|
||
</div>
|
||
<div class="px-[16px] bg-#fff pt-12px pb-18px">
|
||
<div class="text-[#575757] text-[14px] mb-4px">竞价表：</div>
|
||
<div v-if="detailInfo?.priceRuleType!=='diy'">
|
||
<xImage :src="detailInfo?.priceRuleImage" alt=""/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<style scoped>
|
||
|
||
</style> |