diff --git a/pages/home/index/index.vue b/pages/home/index/index.vue index fc71d7c..14b6ea5 100644 --- a/pages/home/index/index.vue +++ b/pages/home/index/index.vue @@ -248,25 +248,27 @@ " :id="'msg-' + message.id" > - - - - - - - + + + + + + + + + + + - - @@ -310,23 +312,25 @@ v-else-if="message.interactMode === 8" :id="'msg-' + message.id" > - - - - - - + + + + + + + + + - @@ -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 { - justify-content: flex-start; - flex-wrap: wrap; /* 允许反馈区换行到消息下方 */ + 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;