<view>
<header-bar :titleShow="true">
<template slot="title">
<view class="p-1">仿微信(10)</view>
</template>
</header-bar>
<!-- 聊天列表 -->
<view v-for="(item, index) in chatList" :key="index"
class="flex align-center"
>
<!-- 头像 -->
<view class="flex align-center justify-center"
style="width: 145rpx;"
>
<image :src="item.avater" mode="widthFix"
style="width: 92rpx;height: 92rpx;"
class="rounded"
></image>
<!-- <text class="bg-danger text-white rounded-circle font-sm position-absolute my-badage"
>
1
</text> -->
<i-badage iText="1"></i-badage>
</view>
<!-- 具体内容 -->
<view class="flex flex-column border-bottom border-light-secondary py-2 pr-2 flex-1">
<view class="flex align-center justify-between mb-1">
<text class="font-md">{{item.nickname}}</text>
<text class="font-sm text-light-muted">{{item.updateTime | formateTime}}</text>
</view>
<text class="font text-ellipsis text-light-muted">{{item.data}}</text>
</view>
</view>
</view>
