diff --git a/src/views/AiEmotion.vue b/src/views/AiEmotion.vue index a581099..3c2cd6f 100644 --- a/src/views/AiEmotion.vue +++ b/src/views/AiEmotion.vue @@ -3619,11 +3619,17 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']); /* AI消息容器样式 */ .ai-message-container { - display: flex; + background-color: #f1f1f1; + border-radius: 15px; align-items: flex-start; gap: 10px; margin-right: auto; max-width: 80%; + white-space: normal; + width: fit-content; + overflow: visible; + align-items: center; + display: flex; } /* 思考过程动图样式 */ @@ -3649,7 +3655,7 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']); } .ai-message { - background-color: #f1f1f1; + /* background-color: #f1f1f1; */ color: #333; font-weight: bold; padding: 20px 30px; @@ -3657,7 +3663,9 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']); text-align: left; margin-right: auto; /* 将AI消息保持在左边 */ - white-space: nowrap; + white-space: normal; + word-wrap: break-word; + word-break: break-word; width: fit-content; overflow: visible; align-items: center;