diff --git a/src/views/ChatRoom.vue b/src/views/ChatRoom.vue
index 979dcc0..860505e 100644
--- a/src/views/ChatRoom.vue
+++ b/src/views/ChatRoom.vue
@@ -1,6 +1,6 @@
 <template>
-  <Navbar />
   <div class="chat-room">
+    <Navbar />
     <h2>聊天室</h2>
     <div class="chat-messages" ref="messagesRef">
       <div v-for="(msg, idx) in messages" :key="idx" class="chat-message">
@@ -20,9 +20,7 @@
 import { ref, onMounted, onBeforeUnmount, nextTick } from 'vue'
 import { useStore } from 'vuex'
 import axios from 'axios'
-import Navbar from '@/components/Navbar.vue';
-
-
+import Navbar from "@/components/Navbar.vue";
 
 const store = useStore()
 const wsUrl = 'ws://localhost:8081/api/ws/chat'
