目录

当前位置：首页 > 文档资料 > 小能在线客服官方中文文档 >

接口文档

优质

小牛编辑

142浏览

2023-12-01

1. 标题栏

NT_UI.setHeader(name, style);

列表	可选值	背景色	颜色	悬浮色	大小	间距	圆角
标题栏	wrapper	true
标题栏-客服头像	kefuLogo				true	true	true
标题栏-客服名称	kefuName		true
标题栏-客服个性签名	kefuSignature		true
标题栏-最小化按钮	min		true	true
标题栏-关闭按钮	close		true	true

2. 聊窗区域

2.1. 消息

NT_UI.setChatMessage(name, style);

列表	可选值	背景色	颜色	悬浮色	大小	间距	圆角
聊窗区域-消息盒子	wrapper	true
聊窗区域-消息-时间	time		true
聊窗区域-消息-发送人	sender		true
聊窗区域-文本消息(访客)	visitorText	true	true
聊窗区域-文本消息(客服)	kefuText	true	?
聊窗区域-图片消息(访客)	visitorImage	true	true
聊窗区域-图片消息(客服)	kefuImage	true
聊窗区域-文件消息-文件名称(访客)	visitorFileName		true
聊窗区域-文件消息-文件图标(访客)	visitorFileIcon	true	true
聊窗区域-文件消息-下载图标(访客)	visitorFileDownloadIcon		true
聊窗区域-文件消息-文件大小(访客)	visitorFileSize		true
聊窗区域-文件消息-下载(访客)	visitorFileDownloadContent		true
聊窗区域 - 文件消息 - 文件名称(客服)	kefuFileName		true
聊窗区域 - 文件消息 - 文件图标（客服）	kefuFileIcon	true	true
聊窗区域 - 文件消息 - 下载图标（客服）	kefuFileDownloadIcon		true
聊窗区域 - 文件消息 - 文件大小（客服）	kefuFileSize		true
聊窗区域 - 文件消息 - 下载（客服）	kefuFileDownloadContent		true
聊窗区域 - 系统消息	system	true	true
聊窗区域 - 系统消息 - 图标	systemIcon		true
聊窗区域 - 常见问题消息 - 图标	faqIcon		true
聊窗区域 - 历史消息	item
聊窗区域 - logo消息	logoItem

2.2. 工具栏

NT_UI.setChatToolbar(name, style);

列表	可选值	背景色	颜色	悬浮色	大小	间距	圆角
聊窗区域 - 工具栏	wrapper
聊窗区域 - 工具栏 - 表情按钮	faceIcon		true	true
聊窗区域 - 工具栏 - 图片按钮	pictureIcon		true	true
聊窗区域 - 工具栏 - 文件按钮	fileIcon		true	true
聊窗区域 - 工具栏 - 评价按钮	evaluateIcon		true	true
聊窗区域 - 工具栏 - 转人工按钮	staffserviceIcon		true	true
聊窗区域 - 工具栏 - 更多按钮	moreButton	true

2.3. 输入框

NT_UI.setChatTextarea(name, style);

列表	可选值	背景色	颜色	悬浮色	大小	间距	圆角
聊窗区域 - 输入框	wrapper	true
聊窗区域 - 输入框 - 无输入文本	placeholder		true

2.4. 底部区域

NT_UI.setChatBottom(name, style);

列表	可选值	背景色	颜色	悬浮色	大小	间距	圆角
聊窗区域 - 底部 - 关闭按钮	closeButton	true	true	true
聊窗区域 - 底部 - 发送按钮	sendButton	true	true	true

2.5. 评价

NT_UI.setChatEvaluate(name, style);

列表	可选值	背景色	颜色	悬浮色	大小	间距	圆角
聊窗区域 - 评价 - 满意度 - 标题	title	true	true
聊窗区域 - 评价 - 满意度 - 答案	satisfactionAnswer		true	true
聊窗区域 - 评价 - 是否解决问题 - 标题	title	true	true
聊窗区域 - 评价 - 是否解决问题 - 答案	solveAnswer		true	true

3. 侧边栏

NT_UI.setChatSidebar(name, style);

列表	可选值	背景色	颜色	悬浮色	大小	间距	圆角
侧边栏 - 标签	tag	true	true
侧边栏 - 常见问题 - 一级	faqLevel1	true	true
侧边栏 - 常见问题 - 一级 - 图标	faqLevel1Icon		true
侧边栏 - 常见问题 - 一级 - 下拉按钮	faqLevel1DropDownButton		true
侧边栏 - 常见问题 - 二级	faqLevel2	true	true
侧边栏 - 常见问题 - 二级 - 图标	faqLevel2Icon		true
侧边栏 - 常见问题 - 二级 - 下拉按钮	faqLevel2DropDownButton		true
侧边栏 - 常见问题 - 二级没有下级的item	faqLevel2Item	true	true
侧边栏 - 常见问题 - 二级没有下级的item - 图标	faqLevel2ItemIcon		true
侧边栏 - 常见问题 - 三级	faqLevel3	true	true
侧边栏 - 常见问题 - 三级 - 图标	faqLevel3Icon		true
侧边栏 - 常见问题 - 三级 - 下拉按钮	faqLevel3DropDownButton		true

4. 最小化

NT_UI.setMin(name, style);

列表	可选值	背景色	颜色	悬浮色	大小	间距	圆角
最小化	wrapper	true
最小化 - 客服名称	kefuName		true
最小化 - 客服头像	kefuLogo
最小化 - 最后一条未读消息div	miniMessageWrapper
最小化 - 最后一条未读消息	miniMessage

5. 留言

NT_UI.setLeaveMessage(name, style);

列表	可选值	背景色	颜色	悬浮色	大小	间距	圆角
留言	wrapper	true
留言 - 提交按钮	submitButton	true	true	true
留言 - 表单 - 标题	formTitle		true

6. 子组件继承（规划中）

NT_UI.setCustomComponent(name, yourComponent);

组件	可选值
聊天窗口	Chat
多人模式客服列表	ChatInfoList
标题栏	Header
聊窗主区域	MainSection
侧边栏	SideBar
查看大图	BigPicture
侧边栏内容部分	TabPanel
侧边栏顶部标题部分	TabList
最小化窗口	Minimum
消息盒子	MessageBox
文本消息	TextMessage
图片消息	ImageMessage
文件消息	FileMessage
Logo消息	LogoMessage
查看历史消息	HistoryMessage
超媒体消息	MagicMessage
系统消息	SystemMessage
常见问题消息	FaqMessage
视频消息	VideoMessage
评价表单	Evaluate
留言表单	LeaveMessage
留言成功界面	Chat
聊天窗口	LeaveMessageSuccess

免责声明：以上内容版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。感谢每一位辛勤著写的作者，感谢每一位的分享。