diff --git a/pages/home/index/index.vue b/pages/home/index/index.vue index a09e304..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; @@ -1785,6 +1797,7 @@ export default { .message-content-width { max-width: 70%; } + // } /* 回答反馈容器,跟随左侧消息,右下角对齐 */ .feedback-container {