聊天页面上面的用户名

src/views/pk-mini/Message.vue

@@ -35,6 +35,9 @@
       <!-- 消息列表 -->
       <div class="chat-panel">
         <div v-if="selectedChat" class="chat-container">
+          <div class="chat-header">
+            <span class="chat-header-name">{{ selectedChat.data?.nickname || '用户' }}</span>
+          </div>
           <div class="chat-messages" ref="chatMessagesRef" :style="{ visibility: isScrollReady ? 'visible' : 'hidden' }">
             <div
               v-for="(msg, index) in messagesList"
@@ -420,6 +423,19 @@ onUnmounted(() => {
   flex-direction: column;
 }
 
+.chat-header {
+  padding: 14px 20px;
+  border-bottom: 1px solid #f1f5f9;
+  background-color: #ffffff;
+  flex-shrink: 0;
+}
+
+.chat-header-name {
+  font-size: 15px;
+  font-weight: bold;
+  color: #0f172a;
+}
+
 .chat-messages {
   flex: 1;
   overflow: auto;