Merge branch 'main' of http://sl.vrgon.com:3000/JiXinHui/YingXingAI

pages/home/index/index.vue

@@ -248,6 +248,7 @@
               "
               :id="'msg-' + message.id"
             >
+              <view class="message-content-container-AI">
                 <image
                   class="ai-avatar"
                   src="/static/common/images/avatar_ai.png"
@@ -268,6 +269,7 @@
                   <!-- 正常消息内容 -->
                   <markdown-viewer v-else :content="message.message" />
                 </view>
+              </view>
 
               <!-- 回答反馈：点赞/点踩 -->
               <view v-if="!message.isLoading" class="feedback-container">
@@ -310,6 +312,7 @@
               v-else-if="message.interactMode === 8"
               :id="'msg-' + message.id"
             >
+              <view class="message-content-container-Teacher">
                 <image
                   class="ai-avatar"
                   :src="receiverHeadSculptureUrl"
@@ -329,6 +332,7 @@
                   <markdown-viewer v-else :content="message.message" />
                 </view>
               </view>
+            </view>
           </block>
         </view>
       </scroll-view>
@@ -702,10 +706,12 @@ export default {
     // 处理功能点击
     handleFeatureClick(item) {
       const actions = {
-        "首页": () => this.resetChatState({ isChat: false }),
-        "转人工": () => this.handleTransferEntryClick(),
-        "结束会话": () => this.handleEndConversation(),
-        "电话咨询": () => { this.advicePhoneShow = true; }
+        首页: () => this.resetChatState({ isChat: false }),
+        转人工: () => this.handleTransferEntryClick(),
+        结束会话: () => this.handleEndConversation(),
+        电话咨询: () => {
+          this.advicePhoneShow = true;
+        },
       };
 
       const action = actions[item.title];
@@ -1688,8 +1694,14 @@ export default {
       }
 
       .message-left {
+        flex-direction: column;
+
+        .message-content-container-AI,
+        .message-content-container-Teacher {
+          display: flex;
           justify-content: flex-start;
           flex-wrap: wrap; /* 允许反馈区换行到消息下方 */
+        }
 
         .ai-avatar {
           width: 64rpx;
@@ -1783,12 +1795,13 @@ export default {
         }
 
         .message-content-width {
-          width: 70%;
+          max-width: 70%;
         }
+        // }
 
         /* 回答反馈容器，跟随左侧消息，右下角对齐 */
         .feedback-container {
-          width: 70%;
+          max-width: 70%;
           margin-left: 80rpx; /* 头像宽度64rpx + 间距16rpx */
           display: flex;
           justify-content: flex-end;