diff --git a/src/components/common/GroupAvatarIcon.vue b/src/components/common/GroupAvatarIcon.vue
index 1c99ba1..a3b0e45 100644
--- a/src/components/common/GroupAvatarIcon.vue
+++ b/src/components/common/GroupAvatarIcon.vue
@@ -6,7 +6,7 @@ import groupChatIcon from '@/assets/svg/groupchat.svg'
  * avatarThumb: 群组头像
  * size：尺寸，不传即显示默认值
  */
-const props = defineProps(['avatarThumb', 'size'])
+const props = defineProps(['avatarThumb', 'size', 'isValid'])
 
 const avatarSize = computed(() => {
   switch (props.size) {
@@ -35,6 +35,10 @@ const svgSize = computed(() => {
       return 24
   }
 })
+
+const isValid = computed(() => {
+  return props.isValid === undefined ? true : props.isValid
+})
 </script>
 
 <template>
@@ -49,7 +53,7 @@ const svgSize = computed(() => {
 <style lang="scss" scoped>
 .svg-avatar {
   border-radius: 50%;
-  background-color: #c0c4cc;
+  background-color: v-bind('isValid ? "rgb(121.3, 187.1, 255)" : "rgb(177.3, 179.4, 183.6)"');
   display: flex;
   justify-content: center;
   align-items: center;
diff --git a/src/views/message/components/SessionItem.vue b/src/views/message/components/SessionItem.vue
index 3ad8094..8bc7a11 100644
--- a/src/views/message/components/SessionItem.vue
+++ b/src/views/message/components/SessionItem.vue
@@ -9,6 +9,7 @@ import { MsgType } from '@/proto/msg'
 import { messageStore, groupStore } from '@/stores'
 import { msgChatCloseSessionService } from '@/api/message'
 import router from '@/router'
+import { ElMessage } from 'element-plus'
 
 const props = defineProps([
   'sessionId',
@@ -74,6 +75,12 @@ const showAvatarThumb = computed(() => {
   }
 })
 
+const isNotInGroup = computed(() => {
+  return (
+    sessionInfo.value.sessionType === MsgType.GROUP_CHAT && sessionInfo.value.leaveFlag === true
+  )
+})
+
 const showTime = computed(() => {
   return sessionShowTime(sessionInfo.value.lastMsgTime)
 })
@@ -265,6 +272,11 @@ const onShowUserCard = () => {
 }
 
 const onShowGroupCard = () => {
+  if (isNotInGroup.value) {
+    ElMessage.error('您已离开该群或群已被解散')
+    return
+  }
+
   emit('showGroupCard', { sessionId: props.sessionId, groupId: showId.value })
 }
 
@@ -345,6 +357,7 @@ defineExpose({
       <GroupAvatarIcon
         v-else-if="sessionInfo.sessionType === MsgType.GROUP_CHAT"
         :avatarThumb="showAvatarThumb"
+        :isValid="!isNotInGroup"
         style="cursor: pointer"
         @click="onShowGroupCard"
       ></GroupAvatarIcon>