![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/6c240301152248389c0b7d37d1d51a91.png)
<div class="listContainer">
<transition-group class="ys-notices" name="transition1">
<div class="dataContainer" v-for="(item) in listData" :key="item.id">
<div class="dataContent">
<div class="imgDiv">
<img :src="'data:image/png;base64,'+item.cameraData.faceImage" />
</div>
<div class="msgDiv1">
<p style="white-space:wrap">时间:{{item.cameraData.receiveTime}}</p>
</div>
</div>
<div class="dataContent">
<div class="imgDiv">
<img :src="item.similarData[0].similarImage" />
</div>
<div class="msgDiv2">
<p>姓名:{{item.similarData[0].similarName}}</p>
<p>性别:{{item.similarData[0].similarGender}}</p>
<p>民族:{{item.similarData[0].similarNation}}</p>
<p>相似度:{{item.similarData[0].similarScore}}</p>
</div>
</div>
</div>
</transition-group>
</div>
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/0e26bd9e298f1d81fc7ca9b9d854c68a.png)
.transition1-enter,
.transition1-leave-to,
.transition12-enter,
.transition12-leave-to,
.transition2-enter,
.transition2-leave-to,
.transition22-enter,
.transition22-leave-to,
.transition3-enter,
.transition3-leave-to,
.transition33-enter,
.transition33-leave-to,
.transition4-enter,
.transition4-leave-to,
.transition5-enter,
.transition5-leave-to,
.transition6-enter,
.transition6-leave-to {
opacity: 0;
transform: translateY(-100%);
}
.transition1-enter-active,
.transition1-leave-active,
.transition12-enter-active,
.transition12-leave-active,
.transition2-enter-active,
.transition2-leave-active,
.transition22-enter-active,
.transition22-leave-active,
.transition3-enter-active,
.transition3-leave-active,
.transition33-enter-active,
.transition33-leave-active {
opacity: 1;
transition: all 0.8s ease;
}
.transition1-move,
.transition12-move,
.transition2-move,
.transition22-move,
.transition3-move,
.transition33-move {
transition: all 0.8s ease;
}
.transition1-leave-active,
.transition12-leave-active,
.transition2-leave-active,
.transition22-leave-active,
.transition3-leave-active,
.transition33-leave-active {
position: absolute;
}