会话列表页面

大约 1 分钟

会话列表页面

ChatUIKit/modules/Conversation/index 用于展示当前用户的所有会话,包含单聊和群组聊天(不包括聊天室),并且提供会话搜索、删除、置顶和免打扰功能。

页面功能

会话列表页面提供如下功能:

页面功能描述
会话展示展示所有单聊和群聊会话,按最新消息时间倒序排列。
会话状态展示显示会话的未读消息数和免打扰状态。
会话搜索点击搜索按钮,跳转至搜索页面进行会话查询。
进入聊天点击会话条目,跳转至对应的聊天页面。
会话管理支持会话置顶、删除、免打扰等操作。
扩展功能点击标题栏的扩展按钮,可选择创建新会话、添加好友或创建群组。

会话展示

每条会话展示以下信息:

元素说明
头像单聊显示对方头像(默认头像占位);群聊显示群组默认头像。
名称单聊显示对方昵称或 ID;群聊显示群组名称或 ID。
最新消息显示最近一条消息的内容。
消息时间最新消息的发送时间。
状态标识置顶、免打扰等状态图标。

会话相关功能,详见 功能介绍文档

创建会话列表页面

单群聊 UIKit 提供 ChatUIKit/modules/Conversation/index 页面,添加路由到 pages.json 即可使用。

{
  "pages": [
    {
      "path": "ChatUIKit/modules/Conversation/index",
      "style": {
        "navigationStyle": "custom",
        "app-plus": {
          "bounce": "none"
        }
      }
    }
  ]
}
上次编辑于: