2025-01-13 05:55:32 +00:00
|
|
|
|
<template>
|
|
|
|
|
|
<div class="relative">
|
|
|
|
|
|
<video id="videoPlayer" controls autoplay>
|
|
|
|
|
|
<source src="http://localhost:3213/video" type="video/mp4">
|
|
|
|
|
|
</video>
|
|
|
|
|
|
<div class="absolute bg-#fff w-60px top-196px right-0 z-999 rounded-l-4px">
|
|
|
|
|
|
<div class="w-full h-60px text-#7D7D7F text-12px flex flex-col justify-center items-center border-b-1px border-b-#D3D3D3">
|
|
|
|
|
|
<div>拍品</div>
|
|
|
|
|
|
<div>(1/188)</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="w-full h-60px flex flex-col items-center justify-center">
|
|
|
|
|
|
<div class="mb-3px">
|
|
|
|
|
|
<img src="@/static/images/lock4@2x.png" class="w-16px h-21px" alt="">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="text-#2B53AC text-10px">开启出价</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2025-01-13 06:03:12 +00:00
|
|
|
|
<div class="absolute">
|
|
|
|
|
|
<div>当前价：RMB <van-rolling-text :start-num="0" :target-num="3000" direction="up" /></div>
|
|
|
|
|
|
<div>下口价：RMB <van-rolling-text :start-num="0" :target-num="3500" direction="up" /></div>
|
|
|
|
|
|
<div></div>
|
|
|
|
|
|
</div>
|
2025-01-13 05:55:32 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<script setup>
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<style scoped>
|
2025-01-13 06:03:12 +00:00
|
|
|
|
:deep(.van-rolling-text-item){
|
|
|
|
|
|
width: fit-content!important;
|
|
|
|
|
|
}
|
2025-01-13 05:55:32 +00:00
|
|
|
|
video {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
height: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
