uniIM/components/UserAvatar.vue

<template>
	<view class="item">
		<view class="img">
      <vim-avatar :img="chat.avatar" :name="chat.name" />
		</view>
		<view class="name">{{chat.name}}</view>
	</view>
</template>

<script setup lang="ts">
import type Chat from "@/mode/Chat";
import VimAvatar from "@/components/VimAvatar.vue";

interface IProps{
  chat:Chat
}
let props = defineProps<IProps>();
</script>

<style scoped lang="scss">
	.item {
		display: inline-block;
		padding: 10upx;

		.img {
			text-align: center;
		}

		.name {
			text-align: center;
			margin-top: 10upx;
			width: 100%;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
      line-height: 1rem;
		}
	}
</style>