mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-09 02:46:44 +08:00
feat(portal):优化AI对话框宽度与消息展示
- 将AI对话框宽度从65%调整为800px- 修改初始欢迎消息格式,使用HTML标签替换Markdown语法-修复机器人消息显示逻辑,确保displayText正确赋值- 优化消息渲染流程,提升用户体验
This commit is contained in:
@@ -4,7 +4,7 @@
|
||||
<el-dialog
|
||||
v-if="dialogVisible"
|
||||
:visible="true"
|
||||
width="65%"
|
||||
width="800px"
|
||||
:close-on-click-modal="false"
|
||||
:show-close="true"
|
||||
@close="onClose"
|
||||
@@ -128,10 +128,10 @@ export default {
|
||||
{
|
||||
typing:true,
|
||||
isBot: true, // 是否为机器人
|
||||
text: `\n\n **您好!我是京东方案侧智能问答助手,随时为您服务。** \n\n
|
||||
\n\n我可以帮您快速查找和解读平台内的各类案例内容。只需输入您想了解的问题或关键词,我会从案例库中精准匹配相关信息,并提供清晰的解答。每条回答都会附上来源链接,方便您随时查阅原始案例全文。\n\n
|
||||
\n\n我还会根据您的提问,智能推荐相关延伸问题,助您更高效地探索知识、解决问题。\n\n
|
||||
\n\n现在,欢迎随时向我提问,开启高效的知识查询体验吧!\n\n `
|
||||
text: `<p><b>您好!我是京东方案侧智能问答助手,随时为您服务。</b></p>
|
||||
<p>我可以帮您快速查找和解读平台内的各类案例内容。只需输入您想了解的问题或关键词,我会从案例库中精准匹配相关信息,并提供清晰的解答。每条回答都会附上来源链接,方便您随时查阅原始案例全文。</p>
|
||||
<p>我还会根据您的提问,智能推荐相关延伸问题,助您更高效地探索知识、解决问题。</p>
|
||||
<p>现在,欢迎随时向我提问,开启高效的知识查询体验吧!</p>`
|
||||
}
|
||||
],
|
||||
suggestions:[],
|
||||
|
||||
@@ -128,6 +128,8 @@ export default {
|
||||
|
||||
if (this.messageData.isBot && !this.messageData.typing) {
|
||||
this.startTyping(newVal); // 启动打字机效果
|
||||
|
||||
this.displayText = newVal || ''
|
||||
} else {
|
||||
this.displayText = this.md.render(newVal);
|
||||
this.$nextTick(this.renderMermaid); // 直接渲染 Mermaid
|
||||
|
||||
Reference in New Issue
Block a user