feat(LiveRoom): 添加直播间页面并配置开发服务器
- 新增 LiveRoom 页面,包含视频播放器和直播间功能按钮 - 修改 nuxt.config.js,将开发服务器主机设置为 localhost,端口保持3000
This commit is contained in:
parent
096df06e5d
commit
493a30f4d5
30
app/pages/LiveRoom/index.vue
Normal file
30
app/pages/LiveRoom/index.vue
Normal 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>
|
BIN
app/static/images/lock4@2x.png
Normal file
BIN
app/static/images/lock4@2x.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.1 KiB |
@ -143,12 +143,10 @@ export default defineNuxtConfig({
|
||||
future: {
|
||||
compatibilityVersion: 4,
|
||||
},
|
||||
|
||||
// 指定 Nuxt 应用程序的兼容性日期,确保应用程序在未来的 Nuxt 版本中保持稳定性
|
||||
compatibilityDate: '2025-01-09',
|
||||
|
||||
devServer: {
|
||||
host: '0.0.0.0',
|
||||
port: 3000,
|
||||
host: 'localhost', // Set the host to 'localhost'
|
||||
port: 3000, // Set the port to 3000 or any other port you prefer
|
||||
},
|
||||
})
|
Loading…
Reference in New Issue
Block a user