定制外观

使用 AI 助手 SDK 开发对话应用,你可以定制这个对话应用的任何外观,只需在项目中创建 CSS 文件,并覆盖对应组件的样式即可。

想了解更多详细信息,请访问定制外观和功能。

/* 修改消息气泡的背景颜色 */
.t-agent-message-list-row-start .t-agent-bubble-tile-bubble {
  background-color: blue;
}
import './custom-style.css';

const createAgent = () => {
  // ...
  return agent;
};

export default function ChatPage() {
  // ...
}