一、目前使用的是uni-list-chat的uniapp组件，可以自己定义的样式

<template>
	<view class="container">
		<uni-list-chat title="uni-app" avatar="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png"
			note="您收到一条新的消息" time="2020-02-02 20:20" badge-positon="left" badge-text="dot" v-for="(item, index) in list"
			:key="index" class="item" :class="{'animate': showAnimate[index]}"></uni-list-chat>
	</view>
</template>

最关键属性

v-for="(item, index) in list" :key="index" class="item" :class="{'animate': showAnimate[in