接口文档

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

results matching ""

    No results matching ""