From 5321b2717676174ad31cf379053ae02bd2bb56f2 Mon Sep 17 00:00:00 2001
From: zoujing <kidevelop@163.com>
Date: Thu, 24 Jul 2025 23:59:31 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BB=A3=E7=A0=81=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/chat/ChatCardAI.vue           |  5 ++--
 pages/chat/ChatCardOther.vue        | 37 +++++++++++++++++++++++++++++
 pages/chat/ChatMainList.vue         | 13 +++++-----
 pages/chat/ChatMarkdown.vue         | 19 +++++++++++++++
 pages/chat/styles/ChatMainList.scss | 20 +++-------------
 5 files changed, 68 insertions(+), 26 deletions(-)
 create mode 100644 pages/chat/ChatCardOther.vue
 create mode 100644 pages/chat/ChatMarkdown.vue

diff --git a/pages/chat/ChatCardAI.vue b/pages/chat/ChatCardAI.vue
index ee3a62e..aad5010 100644
--- a/pages/chat/ChatCardAI.vue
+++ b/pages/chat/ChatCardAI.vue
@@ -1,14 +1,13 @@
 <template>
 	<view class="chat-ai">
-		<!-- <text>{{ text }}</text> -->
-		<!-- <XMarkdown :markdown="text"/> -->
-		<ua-markdown :source="text" />
+		<ChatMarkdown :text="text"></ChatMarkdown>
 		<slot></slot>
 	</view>
 </template>
 
 <script setup>
 	import { defineProps } from "vue";
+	import ChatMarkdown from "./ChatMarkdown.vue";
 	
 	defineProps({
 	  text: {
diff --git a/pages/chat/ChatCardOther.vue b/pages/chat/ChatCardOther.vue
new file mode 100644
index 0000000..d51ec1e
--- /dev/null
+++ b/pages/chat/ChatCardOther.vue
@@ -0,0 +1,37 @@
+<template>
+	<view class="chat-other">
+		<text>{{ text }}</text>
+		<slot></slot>
+	</view>
+</template>
+
+<script setup>
+	import { defineProps } from "vue";
+	defineProps({
+	  text: {
+	    type: String,
+	    default: ''
+	  }
+	})
+</script>
+
+<style lang="scss" scoped>
+	.chat-other {
+		display: flex;
+		justify-content: center;
+		background-color: white;
+		margin: 6px 12px;
+		padding: 8px 24px;
+		border-radius: 4px;
+		font-size: 14px;
+		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+		
+		text {
+			font-family: PingFang SC, PingFang SC;
+			font-weight: 400;
+			font-size: 14px;
+			color: #333333;
+		}
+		
+	}
+</style>
\ No newline at end of file
diff --git a/pages/chat/ChatMainList.vue b/pages/chat/ChatMainList.vue
index b0555ac..837be95 100644
--- a/pages/chat/ChatMainList.vue
+++ b/pages/chat/ChatMainList.vue
@@ -23,19 +23,20 @@
 			
 			  <view class="area-msg-list-content" v-for="item in chatMsgList" :key="item.msgId" :id="item.msgId">				  
 				  <template v-if="item.msgType === MessageRole.AI">
-					  <ChatCardAI class="message-item message-item-ai" :text="item.msg">  
+					  <ChatCardAI class="message-item-ai" :text="item.msg">  
 					  	<image v-if="item.msgContent && item.msgContent.type === MessageType.IMAGE" src="/static/logo.png" style="width: 100px;height: 100px;"></image>
 					  </ChatCardAI>			  
 				  </template>
 				  
 				  <template v-else-if="item.msgType === MessageRole.ME">
-					  <ChatCardMine class="message-item message-item-mine" :text="item.msg">
+					  <ChatCardMine class="message-item-mine" :text="item.msg">
 					  </ChatCardMine>  
 				  </template>
 				  <template v-else>
-					  <text class="message-item message-item-other">{{item.msg}}</text>
+					  <ChatCardOther class="message-item-other" :text="item.msg"></ChatCardOther>
 				  </template>	 
 			  </view>
+			  
 			  <!-- 底部锚点（用于滚动到底部） -->
 			  <view :id="lastMsgId"></view>
 			</scroll-view>
@@ -65,6 +66,7 @@
 	import ChatTopNavBar from './ChatTopNavBar.vue';
 	import ChatCardAI from './ChatCardAI.vue';
 	import ChatCardMine from './ChatCardMine.vue';
+	import ChatCardOther from './ChatCardOther.vue';
 	import ChatQuickAccess from './ChatQuickAccess.vue';
 	import ChatMoreTips from './ChatMoreTips.vue';
 	import ChatInputArea from './ChatInputArea.vue'
@@ -167,10 +169,9 @@
 
 		}
 		chatMsgList.value.push(newMsg)
-	
-		sendChat('酒店一共有哪些温泉？')
-		
 		console.log("发送的新消息：",JSON.stringify(newMsg))
+	
+		sendChat(text)	
 	}
 	
 	const scrollToBottom = () => {
diff --git a/pages/chat/ChatMarkdown.vue b/pages/chat/ChatMarkdown.vue
new file mode 100644
index 0000000..8c24c87
--- /dev/null
+++ b/pages/chat/ChatMarkdown.vue
@@ -0,0 +1,19 @@
+<template>
+	<view>
+		<ua-markdown :source="text" />
+	</view>
+</template>
+
+<script setup>
+	import { defineProps } from "vue";
+	
+	defineProps({
+	  text: {
+	    type: String,
+	    default: ''
+	  }
+	})
+</script>
+
+<style>
+</style>
\ No newline at end of file
diff --git a/pages/chat/styles/ChatMainList.scss b/pages/chat/styles/ChatMainList.scss
index 39d69f6..b338e98 100644
--- a/pages/chat/styles/ChatMainList.scss
+++ b/pages/chat/styles/ChatMainList.scss
@@ -54,33 +54,19 @@
 				}
 			}
 			
-			.message-item {
-			    display: flex;
-			}
-			
 			.message-item-ai {
+				display: flex;
 				justify-content: flex-start;
 			}
 			
 			.message-item-mine {
+				display: flex;
 				justify-content: flex-end;
 			}
 			
 			.message-item-other {
+				display: flex;
 				justify-content: center;
-				background-color: white;
-				margin: 6px 12px;
-				padding: 8px 24px;
-				border-radius: 4px;
-				font-size: 14px;
-				box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
-				
-				text {
-					font-family: PingFang SC, PingFang SC;
-					font-weight: 400;
-					font-size: 14px;
-					color: #333333;
-				}
 			}
 		}
 	}