Merge branch 'fix-109' of https://git.nianxx.cn/zoujing/YGChatCS

src/pages/index/components/chat/ChatCardAi/styles/index.scss

@@ -5,15 +5,10 @@
   overflow-x: hidden; // ✅ 防止横向撑开
 
   .chat-ai {
-    margin: 6px 12px;
-    padding: 0 12px;
-    max-width: 100%; // ✅ 限制最大宽度
+    margin: 6px 0;
+    padding: 0 20px; // 消息内容的内边距 左右20px
     min-width: 100px;
-    background: rgba(255, 255, 255, 0.4);
-    box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.1);
-    border-radius: 4px 20px 20px 20px;
-    border: 1px solid;
-    border-color: #ffffff;
+    max-width: 100%; // ✅ 限制最大宽度
     overflow: hidden; // ✅ 超出内容被切掉
     word-wrap: break-word; // ✅ 长单词自动换行
     word-break: break-all; // ✅ 强制换行

src/pages/index/components/chat/ChatCardMine/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="chat-mine">
+  <view class="chat-mine bg-17294E">
     <text>{{ text }}</text>
     <slot></slot>
   </view>

src/pages/index/components/chat/ChatCardMine/styles/index.scss

@@ -1,12 +1,7 @@
 .chat-mine {
-  margin: 6px 12px;
+  margin: 6px 20px;
   padding: 8px 16px;
-
-  background-color: #00a6ff;
-  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.1);
-  border-radius: 20px 4px 20px 20px;
-  border: 1px solid;
-  border-color: #ffffff;
+  border-radius: 15px;
 
   display: flex;
   flex-direction: column;

src/pages/index/components/chat/ChatCardOther/styles/index.scss

@@ -1,7 +1,6 @@
 .chat-other {
   width: 100%;
   margin: 6px 0;
-  padding: 0 12px;
   display: flex;
   flex-direction: column;
   max-width: 100%; // ✅ 限制最大宽度

src/pages/index/components/chat/ChatMoreTips/styles/index.scss

@@ -7,13 +7,13 @@
     overflow-x: auto;
     white-space: nowrap;
     -webkit-overflow-scrolling: touch;
-    padding-bottom: 12px;
+    padding: 8px 16px;
     box-sizing: border-box;
   }
 
   .more-tips-item {
     border-radius: 8px;
-    margin: 4px;
+    margin: 0 4px;
     box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.1);
     background-color: $uni-bg-color;
     padding: 2px 12px;