undraw-ui

Appearance

本页内容

Chat 聊天室 ​

数据为主的聊天界面。只需一个标签就可呈现通讯界面。

基础用法 ​

Comment 属性 ​

属性说明类型默认值
config聊天配置ChatConfigApi-

Comment 事件 ​

事件名说明回调参数
loadMore向上滚动加载事件(finish: Function) => void
submit提交事件(id: number, finish: Function) => void

接口类型 ​

ts
export interface ChatApi {
  id: string | number
  content: string
  uid: string | number
  user: {
    username: string
    avatar: string
  }
  createTime: string
}

export interface ChatConfigApi {
  user: {
    id: string | number
    username: string
    avatar: string
  }
  data: ChatApi[]
  emoji: EmojiApi
}