编辑 Microsoft ChatBot UI 设计

Question

我已经通过 Azue BotService 设置了一个 QnA Bot，我想使用 WebChat 频道，但是聊天界面的默认 MS 设计相当平淡；有没有办法让我编辑它？

是否可以使用左侧的默认主题，如下图右侧的新西兰航空公司的机器人？

Answer 1

这取决于您希望如何将网络聊天集成到您的页面中，但是可以更改方面，只有 css 和 js

所有详细信息均在 Webchat 的 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。