diff --git a/app/pages/LiveRoom/index.vue b/app/pages/LiveRoom/index.vue
new file mode 100644
index 0000000..e990d69
--- /dev/null
+++ b/app/pages/LiveRoom/index.vue
@@ -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>
\ No newline at end of file
diff --git a/app/static/images/lock4@2x.png b/app/static/images/lock4@2x.png
new file mode 100644
index 0000000..70f7816
Binary files /dev/null and b/app/static/images/lock4@2x.png differ
diff --git a/nuxt.config.js b/nuxt.config.js
index 070a8af..6e6aae3 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -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
   },
 })
\ No newline at end of file