30 lines
837 B
Vue
30 lines
837 B
Vue
|
<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>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup>
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
video {
|
||
|
|
width: 100%;
|
||
|
|
height: auto;
|
||
|
|
}
|
||
|
|
</style>
|