css - 编辑 Microsoft ChatBot UI 设计

标签 css node.js azure bots botframework

我已经通过 Azue BotService 设置了 QnA Bot,并且想使用 WebChat channel ,但聊天界面的默认 MS Design 相当平淡;有办法让我编辑它吗?

是否可以采用左侧的默认主题,例如下图中右侧新西兰航空的机器人?

enter image description here

最佳答案

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

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

关于css - 编辑 Microsoft ChatBot UI 设计,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44620604/

相关文章:

node.js - 使用 AES256 和 Node.js 解密长度超过 15 个字符的输入数据时出错

html - 如何在屏幕上居中显示表单(在导航栏和页脚之间)

html - 为 HTML 模板设置列

node.js - 我可以为每个路由器指定特定的 'views' 路径吗?

azure - Azure App Insights 中存在太多(已恢复)异常

python - 为什么 Azure Eventhub python 库抛出 KeyError : 'all-partitions' when it reaches the maximum size?

javascript - recorder.js 到节点到 azure 说话者识别

html - 手机输入按钮上的蓝色选择边框(PhoneGap)

css - float 元素之间的元素宽度

javascript - 如何在 Node.js 上阻塞进程并等待结果?