diff --git a/src/addon/aikefu/shop/view/kefu/message.html b/src/addon/aikefu/shop/view/kefu/message.html index d935ae402..483229f05 100644 --- a/src/addon/aikefu/shop/view/kefu/message.html +++ b/src/addon/aikefu/shop/view/kefu/message.html @@ -95,6 +95,22 @@ margin: 0 12px; border: 2px solid #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); + display: flex; + align-items: center; + justify-content: center; + font-size: 24px; + } + + /* 用户头像样式 */ + .message-item.user .message-avatar { + background-color: #1E9FFF; + color: white; + } + + /* 机器人头像样式 */ + .message-item.assistant .message-avatar { + background-color: #5FB878; + color: white; } /* 消息内容样式 */ @@ -283,8 +299,8 @@ $('#msg_conversationInfo').html('

会话详情

未找到该会话的详细信息

'); } }, - error: function() { - $('#msg_conversationInfo').html('

会话详情

加载会话信息失败

'); + error: function(e) { + $('#msg_conversationInfo').html('

会话详情

加载会话信息失败:' + e?.responseText + '

'); } }); } @@ -322,11 +338,11 @@ list.forEach(function(item) { var role = item.role === 'user' ? '用户' : '机器人'; var roleClass = item.role === 'user' ? 'user' : 'assistant'; - var avatar = item.role === 'user' ? '/__STATIC__/admin/img/user.png' : '/__STATIC__/admin/img/robot.png'; + var avatar = item.role === 'user' ? '' : ''; html += '
'; if (item.role === 'assistant') { - html += ''; + html += '
' + avatar + '
'; } html += '
'; html += '
' + role + '
'; @@ -334,7 +350,7 @@ html += '
' + item.create_time + '
'; html += '
'; if (item.role === 'user') { - html += ''; + html += '
' + avatar + '
'; } html += '
'; });