自定义会话列表页面
小于 1 分钟
UIKit-uniapp
自定义会话列表页面
如果默认的会话列表页面不能满足需求,你可以通过修改源码 ChatUIKit/modules/Conversation 进行自定义开发。
自定义会话列表样式
你可以自定义会话列表的背景颜色、大小、间距等样式。
修改 ChatUIKit/modules/Conversation/components/ConversationItem/style.scss 文件来定义样式:
.conversation-item-wrap {
display: flex;
padding: 0 15px;
align-items: center;
background: #abcdef;
}
自定义会话列表页面示例

隐藏会话列表功能
如果你不需要 UIKit 的某些功能,可以在 UIKit 初始化后,调用 ChatUIKit.hideFeature 方法隐藏。例如,隐藏置顶会话功能:
ChatUIKit.hideFeature(['pinConversation'])
你可以在 ChatUIKit/configType.ts 文件查看所有可隐藏的功能,或参考 可隐藏的功能列表。
隐藏置顶会话功能

