chat-pc/src/components/talk/message/system/SysGroupCreateMessage.vue

30 lines
669 B
Vue
Raw Normal View History

2024-12-24 08:14:21 +00:00
<script setup>
import './sys-message.less'
import { useInject } from '@/hooks'
defineProps({
extra: Object,
data: Object
})
const { showUserInfoModal } = useInject()
</script>
<template>
<div class="im-message-sys-text">
<div class="sys-text">
2024-12-24 08:14:21 +00:00
<a @click="showUserInfoModal(extra.owner_id)">
{{ extra.owner_name }}
</a>
<span>创建了群聊并邀请了</span>
<template v-for="(user, index) in extra.members" :key="index">
<a @click="showUserInfoModal(user.user_id)">{{ user.nickname }}</a>
<em v-show="index < extra.members.length - 1"></em>
</template>
</div>
</div>
</template>