From cb9cd49627b65a4c0e137e08063271a8cefe1826 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期四, 23 七月 2026 17:48:49 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/dev_pro2.0' into dev_pro2.0
---
src/views/im/home/components/group/group-item.vue | 43 +++++++++++++++++++++++++++++++++++++++++++
1 files changed, 43 insertions(+), 0 deletions(-)
diff --git a/src/views/im/home/components/group/group-item.vue b/src/views/im/home/components/group/group-item.vue
new file mode 100644
index 0000000..9fa60e2
--- /dev/null
+++ b/src/views/im/home/components/group/group-item.vue
@@ -0,0 +1,43 @@
+<script lang="ts" setup>
+import type { GroupLite } from '../../types'
+
+import GroupAvatar from './group-avatar.vue'
+
+defineOptions({ name: 'ImGroupItem' })
+
+defineProps<{
+ active?: boolean
+ group: GroupLite
+}>()
+
+defineEmits<{
+ click: [group: GroupLite]
+}>()
+</script>
+
+<template>
+ <!--
+ 缇ゅ崟琛岄」
+ - 澶村儚 + 缇ゅ悕
+ - 閫変腑鎬� active
+ -->
+ <div
+ class="relative flex items-center gap-2.5 px-4 py-3 cursor-pointer transition-colors hover:bg-[var(--ant-color-fill)]"
+ :class="{ '!bg-[#d9ecff] dark:!bg-[var(--ant-color-primary-bg-hover)]': active }"
+ @click="$emit('click', group)"
+ >
+ <GroupAvatar
+ :group-id="group.id"
+ :url="group.showImage || group.showImageThumb"
+ :name="group.showGroupName || group.name"
+ :size="42"
+ />
+ <div class="flex flex-1 min-w-0">
+ <!-- 鍗曡灞曠ず缇ゅ悕锛涙垚鍛樻暟浠呭湪缇よ鎯呴潰鏉垮睍绀猴紝鍒楄〃閲屼笉閲嶅 -->
+ <div class="overflow-hidden text-sm truncate text-[var(--ant-color-text)]">
+ {{ group.showGroupName || group.name }}
+ </div>
+ </div>
+ <slot></slot>
+ </div>
+</template>
--
Gitblit v1.9.3