编辑Microsoft ChatBot UI设计

Nic*_*iwi 4 css bots azure node.js botframework

我已经通过Azue BotService设置了一个QnA Bot,我想使用WebChat频道,但是聊天界面的默认MS Design非常平淡; 有没有办法让我编辑它?

是否有可能在左侧形成默认主题,如下图中右侧的Air New Zealand机器人?

在此输入图像描述

Nic*_*s R 6

这取决于你想如何在你的页面中整合网页聊天但是可以改变方面,它只是cssjs

所有细节都在网聊的GitHub账户上提供:https://github.com/Microsoft/BotFramework-WebChat

简而言之:

想要运行WebChat的自定义构建?克隆此repo,更改它,构建它,并引用您构建的botchat.css和botchat.js文件.

而对于造型:

造型

在/ src/scss /文件夹中,您将找到用于生成/botchat.css的源文件.完成更改后,运行npm run build-css进行编译.对于基本品牌,请更改colors.scss以匹配您的配色方案.对于高级样式,请更改botchat.scss.