编辑 Microsoft ChatBot UI 设计

Edit Microsoft ChatBot UI design

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

是否可以从左侧的默认主题开始,例如下图中右侧新西兰航空公司的机器人?

这取决于您希望如何将网络聊天集成到您的页面中,但是是的,可以更改外观,只有 cssjs

所有详细信息都在网络聊天的 GitHub 帐户上提供:https://github.com/Microsoft/BotFramework-WebChat

简而言之:

Want to run a custom build of WebChat? Clone this repo, alter it, build it, and reference your built botchat.css and botchat.js files.

以及样式:

Styling

In the /src/scss/ folder you will find the source files for generating /botchat.css. Run npm run build-css to compile once you've made your changes. For basic branding, change colors.scss to match your color scheme. For advanced styling, change botchat.scss.