如何使用 uniapp 的组件实现聊天列表的功能呢，翻阅了半天文档，终于找到一个实用的方法，下面是具体的步骤
1、首先需要下载对应的插件
去uniapp的官方文档进行下载（uni-list 列表 - DCloud 插件市场），这里直接下载插件并导入到HBuilderx 中就可以了。
2、接下来就可以直接进行使用了
最终效果图
对应的代码图
对应的代码
<!-- 底部消息列表 -->
<view>
<uni-list :border="false">
<uni-list-chat
:avatar-circle="true"
title="张三"
avatar="/static/common/unname1.jpeg"
note="你可以期待太阳从东方升起，而风却随心所欲地从四面八方吹来。"
time="06.11 16:08"
:clickable="false"
clickable
v-for="(itme,index) of 10"
:key="index"
/>
</uni-list>
</view>
基本用法
- 设置 title 属性，可以显示列表标题
- 设置 disabled 属性，可以禁用当前项
- 设置 note 属性 ，可以在第二行显示描述文本信息
- 设置 show-badge 属性 ，可以显示角标内容
- 设置 show-switch 属性，可以显示 switch 开关
- 设置 thumb 属性 ，可以在列表左侧显示略缩图
- 设置 show-extra-icon 属性，并指定 extra-icon 可以在左侧显示图标
- 设置 clickable 为 true ，则表示这是一个可点击的列表，会默认给一个点击效果，并可以监听 click 事件
- 设置 link 属性，会自动开启点击反馈，并给列表右侧添加一个箭头
- 设置 to 属性，可以跳转页面，link 的值表示跳转方式，如果不指定，默认为 navigateTo**
这里我只列举基本的用法，详细的用法可以去官网进行查看（uni-list 列表 - DCloud 插件市场）
