From e9dbb3d44fbabc66c5fd29260019dd4bfc8165de Mon Sep 17 00:00:00 2001
From: zoujing <kidevelop@163.com>
Date: Wed, 15 Oct 2025 20:58:12 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/index/components/chat/ChatCardMine/index.vue |  2 +-
 .../components/chat/ChatCardMine/styles/index.scss     | 10 +---------
 src/pages/index/components/chat/ChatMainList/index.vue |  6 +++---
 src/static/scss/colors.scss                            |  8 ++++----
 src/static/scss/flex.scss                              |  8 ++++++++
 5 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/pages/index/components/chat/ChatCardMine/index.vue b/src/pages/index/components/chat/ChatCardMine/index.vue
index 3121443..adef34d 100644
--- a/src/pages/index/components/chat/ChatCardMine/index.vue
+++ b/src/pages/index/components/chat/ChatCardMine/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="chat-mine bg-17294E">
-    <text>{{ text }}</text>
+    <text class="font-size-15 color-white">{{ text }}</text>
     <slot></slot>
   </view>
 </template>
diff --git a/src/pages/index/components/chat/ChatCardMine/styles/index.scss b/src/pages/index/components/chat/ChatCardMine/styles/index.scss
index 8a53aab..31412d3 100644
--- a/src/pages/index/components/chat/ChatCardMine/styles/index.scss
+++ b/src/pages/index/components/chat/ChatCardMine/styles/index.scss
@@ -5,15 +5,7 @@
 
   display: flex;
   flex-direction: column;
+  min-width: 100px;
   max-width: 100%; // ✅ 限制最大宽度
   overflow-x: hidden; // ✅ 防止横向撑开
-
-  text {
-    font-size: 15px;
-    color: #ffffff;
-    line-height: 22px;
-    text-align: justify;
-    font-style: normal;
-    text-transform: none;
-  }
 }
diff --git a/src/pages/index/components/chat/ChatMainList/index.vue b/src/pages/index/components/chat/ChatMainList/index.vue
index d440a1d..8ebd57d 100644
--- a/src/pages/index/components/chat/ChatMainList/index.vue
+++ b/src/pages/index/components/chat/ChatMainList/index.vue
@@ -25,7 +25,7 @@
       >
         <template v-if="item.msgType === MessageRole.AI">
           <ChatCardAI
-            class="message-item-ai"
+            class="flex flex-justify-start"
             :key="`ai-${item.msgId}-${item.msg ? item.msg.length : 0}`"
             :text="item.msg || ''"
             :isLoading="item.isLoading"
@@ -77,11 +77,11 @@
         </template>
 
         <template v-else-if="item.msgType === MessageRole.ME">
-          <ChatCardMine class="message-item-mine" :text="item.msg" />
+          <ChatCardMine class="flex flex-justify-end" :text="item.msg" />
         </template>
 
         <template v-else>
-          <ChatCardOther class="message-item-other" :text="item.msg">
+          <ChatCardOther class="flex flex-justify-center" :text="item.msg">
             <ActivityListComponent
               v-if="
                 mainPageDataModel.activityList &&
diff --git a/src/static/scss/colors.scss b/src/static/scss/colors.scss
index 7ef610b..cd65eed 100644
--- a/src/static/scss/colors.scss
+++ b/src/static/scss/colors.scss
@@ -4,19 +4,19 @@
   color: #fff;
 }
 
-.color-00 {
+.color-000 {
   color: #000;
 }
 
-.color-33 {
+.color-333 {
   color: #333;
 }
 
-.color-66 {
+.color-666 {
   color: #666;
 }
 
-.color-99 {
+.color-999 {
   color: #999;
 }
 
diff --git a/src/static/scss/flex.scss b/src/static/scss/flex.scss
index 9ca5a38..3fe92f3 100644
--- a/src/static/scss/flex.scss
+++ b/src/static/scss/flex.scss
@@ -7,6 +7,14 @@
   align-items: center;
 }
 
+.flex-justify-start {
+  justify-content: flex-start;
+}
+
+.flex-justify-end {
+  justify-content: flex-end;
+}
+
 .flex-justify-center {
   justify-content: center;
 }