我有聊天機器人，我使用 DirectLine 將機器人嵌入我的網(wǎng)站。DirectLine UI 看起來像一個帶有白色背景的頁面，我想將其修改為如下圖所示或接近于它：我正在關注這里的示例。我能夠更改容器的大小，但無法使用提供的代碼更改聊天氣泡的字體或背景顏色。這是我的代碼：<body><div id="webchat" role="main"></div><script src="https://cdn.botframework.com/botframework-webchat/latest/webchat.js"></script><!--<script src="webchat.js"></script>--><script> const styleSetOptions= window.WebChat.createStyleSet({ bubbleBackground: 'rgba(0, 0, 255, .1)', bubbleFromUserBackground: 'rgba(0, 255, 0, .1)' }); var d1 = window.WebChat.createDirectLine({ token: '<secret token>' }) var siteDomain = document.URL window.WebChat.renderWebChat( { directLine: Object.assign( {}, d1, { postActivity: activity => { var newActivity = Object.assign({}, activity, { channelData: { "siteDomain": siteDomain } }); return d1.postActivity(newActivity); } }), styleSetOptions }, document.getElementById('webchat') );</script>這不起作用。我已經(jīng)下載了 CDN webchat.js。我也通過創(chuàng)建自己的 JS 文件并將其鏈接到我的HTML頁面中將它集成到本地，但它不起作用。我錯過了什么嗎？
使用 DirectLine 時如何修改 Microsoft Chatbot 的 webchat 容器
滄海一幻覺
2021-11-25 19:33:33
