feat(LiveRoom): 添加直播间页面并配置开发服务器

- 新增 LiveRoom 页面,包含视频播放器和直播间功能按钮
- 修改 nuxt.config.js,将开发服务器主机设置为 localhost,端口保持3000
This commit is contained in:
xingyy 2025-01-13 13:55:32 +08:00
parent 096df06e5d
commit 493a30f4d5
3 changed files with 32 additions and 4 deletions

View File

@ -0,0 +1,30 @@
<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>

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -143,12 +143,10 @@ export default defineNuxtConfig({
future: { future: {
compatibilityVersion: 4, compatibilityVersion: 4,
}, },
// 指定 Nuxt 应用程序的兼容性日期,确保应用程序在未来的 Nuxt 版本中保持稳定性 // 指定 Nuxt 应用程序的兼容性日期,确保应用程序在未来的 Nuxt 版本中保持稳定性
compatibilityDate: '2025-01-09', compatibilityDate: '2025-01-09',
devServer: { devServer: {
host: '0.0.0.0', host: 'localhost', // Set the host to 'localhost'
port: 3000, port: 3000, // Set the port to 3000 or any other port you prefer
}, },
}) })