From 35951777b09685ee8ef4e795ce33e065a52cd484 Mon Sep 17 00:00:00 2001
From: oneao <hi_itao@163.com>
Date: Mon, 13 Oct 2025 22:23:08 +0800
Subject: [PATCH] u

---
 .../link-backend/.idea/jarRepositories.xml    |   5 +
 code/link/link-backend/.idea/misc.xml         |   2 +-
 .../link/im/handler/ImWebSocketHandler.java   |  11 +-
 .../java/com/link/im/model/ChatMessage.java   |  40 ---
 .../java/com/link/im/model/ImMessage.java     |  70 ++++++
 .../link/im/handler/ImWebSocketHandler.class  | Bin 4096 -> 4094 bytes
 .../com/link/im/model/ChatMessage.class       | Bin 1234 -> 0 bytes
 .../classes/com/link/im/model/ImMessage.class | Bin 0 -> 1879 bytes
 code/link/link-frontend/package.json          |   4 +-
 code/link/link-frontend/src/App.vue           |   2 +-
 .../link-frontend/src/components/icon.vue     |   2 +-
 .../src/stores/websocketStore.js              | 229 +++++++++++-------
 .../link/link-frontend/src/views/im/index.vue |  11 +-
 13 files changed, 225 insertions(+), 151 deletions(-)
 delete mode 100644 code/link/link-backend/src/main/java/com/link/im/model/ChatMessage.java
 create mode 100644 code/link/link-backend/src/main/java/com/link/im/model/ImMessage.java
 delete mode 100644 code/link/link-backend/target/classes/com/link/im/model/ChatMessage.class
 create mode 100644 code/link/link-backend/target/classes/com/link/im/model/ImMessage.class

diff --git a/code/link/link-backend/.idea/jarRepositories.xml b/code/link/link-backend/.idea/jarRepositories.xml
index 841afb50..aa4ad020 100644
--- a/code/link/link-backend/.idea/jarRepositories.xml
+++ b/code/link/link-backend/.idea/jarRepositories.xml
@@ -21,6 +21,11 @@
       <option name="name" value="JBoss Community repository" />
       <option name="url" value="https://repository.jboss.org/nexus/content/repositories/public/" />
     </remote-repository>
+    <remote-repository>
+      <option name="id" value="aliyun" />
+      <option name="name" value="aliyun" />
+      <option name="url" value="http://maven.aliyun.com/nexus/content/groups/public" />
+    </remote-repository>
     <remote-repository>
       <option name="id" value="central" />
       <option name="name" value="Central Repository" />
diff --git a/code/link/link-backend/.idea/misc.xml b/code/link/link-backend/.idea/misc.xml
index d5cd6143..c7e94378 100644
--- a/code/link/link-backend/.idea/misc.xml
+++ b/code/link/link-backend/.idea/misc.xml
@@ -8,5 +8,5 @@
       </list>
     </option>
   </component>
-  <component name="ProjectRootManager" version="2" languageLevel="JDK_1_8" default="true" project-jdk-name="1.8" project-jdk-type="JavaSDK" />
+  <component name="ProjectRootManager" version="2" languageLevel="JDK_1_8" project-jdk-name="temurin-1.8" project-jdk-type="JavaSDK" />
 </project>
\ No newline at end of file
diff --git a/code/link/link-backend/src/main/java/com/link/im/handler/ImWebSocketHandler.java b/code/link/link-backend/src/main/java/com/link/im/handler/ImWebSocketHandler.java
index 3f806f8f..b995395e 100644
--- a/code/link/link-backend/src/main/java/com/link/im/handler/ImWebSocketHandler.java
+++ b/code/link/link-backend/src/main/java/com/link/im/handler/ImWebSocketHandler.java
@@ -1,12 +1,10 @@
 package com.link.im.handler;
 
-import com.fasterxml.jackson.databind.JsonNode;
 import com.fasterxml.jackson.databind.ObjectMapper;
 import com.link.im.manager.GroupManager;
 import com.link.im.manager.UserChannelManager;
 import com.link.im.manager.WriteManager;
-import com.link.im.model.ChatMessage;
-import io.netty.channel.Channel;
+import com.link.im.model.ImMessage;
 import io.netty.channel.ChannelHandler;
 import io.netty.channel.ChannelHandlerContext;
 import io.netty.channel.SimpleChannelInboundHandler;
@@ -15,9 +13,6 @@ import io.netty.handler.timeout.IdleStateEvent;
 import org.slf4j.Logger;
 import org.slf4j.LoggerFactory;
 
-import java.util.Set;
-import java.util.concurrent.ConcurrentHashMap;
-
 @ChannelHandler.Sharable
 public class ImWebSocketHandler extends SimpleChannelInboundHandler<TextWebSocketFrame> {
     private static final Logger logger = LoggerFactory.getLogger(ImWebSocketHandler.class);
@@ -43,9 +38,9 @@ public class ImWebSocketHandler extends SimpleChannelInboundHandler<TextWebSocke
     protected void channelRead0(ChannelHandlerContext ctx, TextWebSocketFrame msg) throws Exception {
         String text = msg.text();
         try {
-            ChatMessage chatMsg = MAPPER.readValue(text, ChatMessage.class);
+            ImMessage imMessage = MAPPER.readValue(text, ImMessage.class);
 
-            System.out.println(chatMsg);
+            System.out.println(imMessage);
         } catch (Exception e) {
             WriteManager.writeToChannel(ctx.channel(),"JSON格式错误");
         }
diff --git a/code/link/link-backend/src/main/java/com/link/im/model/ChatMessage.java b/code/link/link-backend/src/main/java/com/link/im/model/ChatMessage.java
deleted file mode 100644
index 32a2e9a4..00000000
--- a/code/link/link-backend/src/main/java/com/link/im/model/ChatMessage.java
+++ /dev/null
@@ -1,40 +0,0 @@
-package com.link.im.model;
-
-import java.util.List;
-
-public class ChatMessage {
-    private String type;
-    private String msg;
-
-    public ChatMessage() {
-    }
-
-    public ChatMessage(String type, String msg) {
-        this.type = type;
-        this.msg = msg;
-    }
-
-    public String getType() {
-        return type;
-    }
-
-    public void setType(String type) {
-        this.type = type;
-    }
-
-    public String getMsg() {
-        return msg;
-    }
-
-    public void setMsg(String msg) {
-        this.msg = msg;
-    }
-
-    @Override
-    public String toString() {
-        return "ChatMessage{" +
-                "type='" + type + '\'' +
-                ", msg='" + msg + '\'' +
-                '}';
-    }
-}
\ No newline at end of file
diff --git a/code/link/link-backend/src/main/java/com/link/im/model/ImMessage.java b/code/link/link-backend/src/main/java/com/link/im/model/ImMessage.java
new file mode 100644
index 00000000..12d370d5
--- /dev/null
+++ b/code/link/link-backend/src/main/java/com/link/im/model/ImMessage.java
@@ -0,0 +1,70 @@
+package com.link.im.model;
+
+public class ImMessage {
+    private String type;
+    private String msg;
+    private String from;
+    private String to;
+    private String content;
+    private long timestamp;
+
+    public ImMessage() {
+    }
+
+    public ImMessage(String type, String content, String msg, String from, String to, long timestamp) {
+        this.type = type;
+        this.content = content;
+        this.msg = msg;
+        this.from = from;
+        this.to = to;
+        this.timestamp = timestamp;
+    }
+
+    public String getType() {
+        return type;
+    }
+
+    public void setType(String type) {
+        this.type = type;
+    }
+
+    public String getMsg() {
+        return msg;
+    }
+
+    public void setMsg(String msg) {
+        this.msg = msg;
+    }
+
+    public String getFrom() {
+        return from;
+    }
+
+    public void setFrom(String from) {
+        this.from = from;
+    }
+
+    public String getTo() {
+        return to;
+    }
+
+    public void setTo(String to) {
+        this.to = to;
+    }
+
+    public String getContent() {
+        return content;
+    }
+
+    public void setContent(String content) {
+        this.content = content;
+    }
+
+    public long getTimestamp() {
+        return timestamp;
+    }
+
+    public void setTimestamp(long timestamp) {
+        this.timestamp = timestamp;
+    }
+}
\ No newline at end of file
diff --git a/code/link/link-backend/target/classes/com/link/im/handler/ImWebSocketHandler.class b/code/link/link-backend/target/classes/com/link/im/handler/ImWebSocketHandler.class
index bee8210aa612e4bc4ca5bcd8704baaaef750fd09..185fef10baac96f24902ac785dbd3dc1b150ea73 100644
GIT binary patch
delta 176
zcmZor_$R-ijER>sGuJn@xHvIAm61VqawC&4lV|Sc8B8wBqSDFvx%xSodD;4zx%#>J
zDXBU7K&j8HpII3NCqL&-U=?T3V33&X!_&?y%fQK?z#zn+#9+msJoy1ngQPkGD}yG3
zFoQOOG=m<49D@!}UKhyIpIpiNP|%oxoxy}bpTU&DlEIw8p22c*Hs3@}JD^&7pcxL6
YS@}~K1tw?lC$kDMa4-l@zQnHw0LL>Yl>h($

delta 192
zcmew--=MIej7f<-IU}*ew>X`VLEa}hKUY5|GcQ{|Ggm)1KP5Fs-x(;mc?OdUv$!k{
z$&aj`SsBG9Kjltfm0{3eke%$s)6T2Jz{#M>AjF`~V8x&@`5sS$qz(fsgC2u0g8_py
zgE4~~gCT<ggAs!^gURG_-iLw~4D1Y+4EjLTmJBuw_6&BDGx;WRIs?_ZFeov&PG;s$
VVHBO5!Jo`3&cMMSG5G?&9sp}UE{XsE

diff --git a/code/link/link-backend/target/classes/com/link/im/model/ChatMessage.class b/code/link/link-backend/target/classes/com/link/im/model/ChatMessage.class
deleted file mode 100644
index 69637e8014a05491611eed58e5fe08e32d962dc5..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1234
zcmaKqTW=Ck6ouE}&Nvo|y(rewi^`?6W2$dzA0+V!)TB+5CcX@C0#mtV7)*@uKWSpy
zL=%62KgziF3@rrEkeq$aX76>rz2^M>^WztQXLw@3#7+{ouq(^MI35{@U?+jc67#YY
z5-3V6#jzJhSs~(m8fb+~_1ykwTOGUCvW`91>9w9KguBC*LhOapbG#!S3&m45RQgRe
zq^eF&zZrGw+C8!B9bcl~usf%=>&SVWjCgHlsF15R`dzEz^gdWl*XmNCV^!L=SJT6x
z-O{`(UzjJD&j>)eroDE*`ObFjuJ*J``FKlvC;l8Oh2ne{3x?MPs|)TC)fgpe{<tjl
zHwmvFIH6!1_eX9+zjkEK^c47kxMm`aWfQltWFmznh4oo4UyYnjQ@gZzs`s-v|1xi4
z9|y8n#4K;oa>?b8Re11U(?~M8=WYF5H$0AE4+gr|RM=lM=bSZTF#5kysLVTe{WrGx
zo=iTn5PzK0-*HsNILLuzt{I-5GAhPs=?dzbUv`J9!8RbtcV}RQJ2NQ4D%N-sfpu1h
zz!_thF(m?}y$gg&<qL!-QW=VfK!hAg5-ibjk=zQ}#*!59IfW%9ABD1axlandq~z9n
z$a0liEye)*J3?QX2tlx8eloKV`93zr$VZGaUd+dxkOo7qA<E%|a4o31A&iX)g)6Fj
zE`IWbOyOCk>_Vo^#Y|J~1x%Y{%Kd{$yi&ebWD0!ZTVzUnde0HWr^BC!oLwQBiCrRI
lqGt^0{3Q~ZWRM77C(>V-y@WA4!0yxlhd1wFi`pS<{{<tE%{~AC

diff --git a/code/link/link-backend/target/classes/com/link/im/model/ImMessage.class b/code/link/link-backend/target/classes/com/link/im/model/ImMessage.class
new file mode 100644
index 0000000000000000000000000000000000000000..222c106424cdf46291dd6bc80dd6cd00dca24b10
GIT binary patch
literal 1879
zcmb`GT~8B16o$`i_run;luxOEAVMw6$D)8S5s3*(lz^H*xHMVHS{A!qvRzF4N8Xrd
zLSy2EKfoVle9siNx=g+D=A7Bd%zK{m?wOyzzW*SiReD&UJT2zw8ZB{fIV^Ly&*1@w
z6^m9aS`(xvA5VQj13M?)2hVMI&APjn#6h$ESWqr()p6oo9EF0kBobuRqGsYZ6G8bT
z2>n*#g{OkVwjgsoXa>m!E>-6aaA`9-f^6ST(DYxOg@=B;?;SQ|p{V9H4!k(v?~6@6
zISyKaCU$C3=r)4pdp8K(5DE?VWw`6NT3+1;&)e!%%Kx>q&D5n`KRJ$$-gvPW`iUQd
z$*TLwzO-nlI(M}g4zw;03@h+h)r7<@J89ymT(Ibtbd_&+Rt6V>#Rlsk7x2A#>2?8|
z>4(iHyY9nq_;2&I?xtRq4HfpHv$*DO1#EpW^>T@SwoL;xXj6f%+tkOw=5T{Ukwc04
z1&#gVkHD|)(7Zl8@oNd)!EEI*geGaMjFrZ^GDBKssLPC^GNTZ3kuZfch&Y6=6=Z>I
zINwNomB)q=3y>pR(;+&7mEAc+H)#}KEKtS?7WhOtpb%A9z?pB8<}9=+=Pb5KcglJj
z%4MTXrZZx;$?8^^mbZ$i(1%7!!0HDS>kiT+lxJyJR(?Sit6x;+6}QXC6?Ri{R%Gir
zxyQ}xa>eZ%a>b3CbPMaUiR*-m+!Em@upfl-+|(G2BXUzNa>tc((!O9r0}Y$ao1;oc
zCg}EsBOA!<o+;hvcHHrF9842ZVWe{^?Tpd5Gv+ifmq-FusF?ID)0C2FO3kEanP$K=
z+k=URDrI8N1ZGdgWMrADN~UQwlaXaw0MlX*CjQ4M6aPa&ca=<LmT6hZG^1uRvrMaC
zTI<2Y)0Q&vObJ-3@+p^PdZc8ksF`wErgbnq>A}SBBW2>57j%!Rh@BbNu;Q10PS$5E
t{+#irN~Sq-aEdQ);MMbcGo8u5UUg^2pMmLl4<>$#DN_j&g63uMh2Jm4=+OWG

literal 0
HcmV?d00001

diff --git a/code/link/link-frontend/package.json b/code/link/link-frontend/package.json
index d6c29685..d79805ea 100644
--- a/code/link/link-frontend/package.json
+++ b/code/link/link-frontend/package.json
@@ -1,8 +1,8 @@
 {
   "name": "frontend",
-  "private": true,
-  "version": "0.0.0",
   "type": "module",
+  "version": "0.0.0",
+  "private": true,
   "scripts": {
     "dev": "vite",
     "build": "vite build",
diff --git a/code/link/link-frontend/src/App.vue b/code/link/link-frontend/src/App.vue
index b3b4000e..67883e76 100644
--- a/code/link/link-frontend/src/App.vue
+++ b/code/link/link-frontend/src/App.vue
@@ -5,7 +5,7 @@ import { useWebSocket } from './stores/websocketStore'
 const websocket = useWebSocket()
 
 onMounted(() => {
-  websocket.connect('ws://192.168.1.136:8090/ws')
+  websocket.connect('ws://127.0.0.1:8090/ws')
 })
 
 onBeforeUnmount(() => {
diff --git a/code/link/link-frontend/src/components/icon.vue b/code/link/link-frontend/src/components/icon.vue
index 6ceadc5f..0de80f21 100644
--- a/code/link/link-frontend/src/components/icon.vue
+++ b/code/link/link-frontend/src/components/icon.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { Icon } from '@iconify/vue'
-import { computed, defineEmits, defineProps } from 'vue'
+import { computed } from 'vue'
 
 // 定义 props
 const props = defineProps({
diff --git a/code/link/link-frontend/src/stores/websocketStore.js b/code/link/link-frontend/src/stores/websocketStore.js
index 173031b7..0eff01d1 100644
--- a/code/link/link-frontend/src/stores/websocketStore.js
+++ b/code/link/link-frontend/src/stores/websocketStore.js
@@ -6,58 +6,153 @@ export function useWebSocket() {
   const isConnected = ref(false)
   const listeners = ref(new Set())
 
-  // 定时器
-  let pingInterval, pongTimeout, connectTimeout
+  let reconnectAttempts = 0
+  let pingTimer = null
+  let pongTimeout = null
+  const PING_INTERVAL = 10000 // 收到PONG后间隔再发送下一次PING
+  const PONG_TIMEOUT = 15000 // PING发送后15秒未收到PONG就重连
 
-  // 重连状态
-  let reconnecting = false
   let reconnectNotification = null
-  let reconnectDelay = 3000
+  let currentUrl = null
+  let isReconnecting = false
 
-  // 常量
-  const MAX_RECONNECT_DELAY = 30000
-  const PING_INTERVAL = 5000
-  const PONG_TIMEOUT = 10000
-  const CONNECT_TIMEOUT = 3000
+  // --------------------
+  // 私有方法
+  // --------------------
+  function cleanup() {
+    if (pingTimer) {
+      clearTimeout(pingTimer)
+      pingTimer = null
+    }
+    if (pongTimeout) {
+      clearTimeout(pongTimeout)
+      pongTimeout = null
+    }
+  }
 
+  function handleDisconnect() {
+    isConnected.value = false
+    cleanup()
+  }
+
+  function notifyListeners(message) {
+    listeners.value.forEach(cb => cb(message))
+  }
+
+  // --------------------
+  // 心跳逻辑（链式）
+  // --------------------
+  function sendPing() {
+    if (!socket.value || socket.value.readyState !== WebSocket.OPEN)
+      return
+
+    try {
+      sendMessage('PING')
+    }
+    catch (err) {
+      console.error('发送 PING 失败', err)
+    }
+
+    // 设置 PONG 超时
+    if (pongTimeout)
+      clearTimeout(pongTimeout)
+    pongTimeout = setTimeout(() => {
+      console.warn('未收到PONG，触发重连')
+      handleReconnect()
+    }, PONG_TIMEOUT)
+  }
+
+  function handlePong() {
+    // 收到 PONG，清理超时
+    if (pongTimeout) {
+      clearTimeout(pongTimeout)
+      pongTimeout = null
+    }
+
+    // 等 PING_INTERVAL 后再发送下一次 PING
+    if (pingTimer)
+      clearTimeout(pingTimer)
+    pingTimer = setTimeout(sendPing, PING_INTERVAL)
+  }
+
+  function startHeartbeat() {
+    sendPing()
+  }
+
+  // --------------------
+  // 重连逻辑
+  // --------------------
+  function handleReconnect() {
+    if (isReconnecting)
+      return
+    isReconnecting = true
+    cleanup()
+    isConnected.value = false
+    socket.value?.close()
+
+    reconnectAttempts++
+    if (reconnectNotification)
+      reconnectNotification.close()
+    reconnectNotification = ElNotification({
+      title: '提示',
+      message: `WebSocket 连接失败，正在第 ${reconnectAttempts} 次重连...`,
+      type: 'warning',
+      duration: 0,
+      key: 'websocket-reconnect',
+    })
+
+    const delay = Math.min(3000 * 2 ** (reconnectAttempts - 1), 30000)
+    setTimeout(() => {
+      isReconnecting = false
+      connect(currentUrl)
+    }, delay)
+  }
+
+  function clearReconnectNotification() {
+    if (reconnectNotification) {
+      reconnectNotification.close()
+      reconnectNotification = null
+    }
+  }
+
+  // --------------------
+  // 公共方法
+  // --------------------
   function connect(url) {
+    currentUrl = url
     if (isConnected.value)
       return
     if (socket.value)
       disconnect()
 
-    const ws = new WebSocket(url)
-    socket.value = ws
+    const newSocket = new WebSocket(url)
 
-    // 连接超时
-    connectTimeout = setTimeout(() => !isConnected.value && ws.close(), CONNECT_TIMEOUT)
-
-    ws.onopen = () => {
-      clearTimeout(connectTimeout)
+    newSocket.onopen = () => {
       isConnected.value = true
-      reconnecting = false
-      reconnectDelay = 3000
-      startHeartbeat()
-
-      // 关闭重连通知
-      reconnectNotification?.close()
-      reconnectNotification = null
+      isReconnecting = false
+      clearReconnectNotification()
 
       ElNotification({
-        title: '成功',
-        message: 'WebSocket 已连接',
+        title: '提示',
+        message: 'WebSocket 连接成功',
         type: 'success',
-        showClose: false,
         duration: 2000,
       })
-      console.log('WebSocket 已连接')
+
+      reconnectAttempts = 0
+      startHeartbeat()
     }
 
-    ws.onmessage = (event) => {
+    newSocket.onmessage = (event) => {
+      let message
       try {
-        const message = JSON.parse(event.data)
-        if (message.type === 'PONG')
-          return resetPongTimeout()
+        message = JSON.parse(event.data)
+
+        if (message.type === 'PONG') {
+          handlePong()
+          return
+        }
+
         notifyListeners(message)
       }
       catch (err) {
@@ -66,17 +161,17 @@ export function useWebSocket() {
       }
     }
 
-    ws.onclose = (event) => {
+    newSocket.onclose = () => {
       handleDisconnect()
-      if (event.code !== 1000)
-        scheduleReconnect(url)
+      if (!isReconnecting)
+        handleReconnect()
     }
 
-    ws.onerror = (err) => {
+    newSocket.onerror = (err) => {
       console.error('WebSocket错误:', err)
-      handleDisconnect()
-      scheduleReconnect(url)
     }
+
+    socket.value = newSocket
   }
 
   function disconnect() {
@@ -86,7 +181,8 @@ export function useWebSocket() {
 
   function sendMessage(type, data) {
     if (isConnected.value && socket.value) {
-      socket.value.send(JSON.stringify({ type, data }))
+      const message = { type, data }
+      socket.value.send(JSON.stringify(message))
     }
   }
 
@@ -95,61 +191,6 @@ export function useWebSocket() {
     return () => listeners.value.delete(callback)
   }
 
-  function notifyListeners(message) {
-    listeners.value.forEach(cb => cb(message))
-  }
-
-  function startHeartbeat() {
-    pingInterval = setInterval(() => {
-      if (socket.value?.readyState === WebSocket.OPEN) {
-        sendMessage('PING')
-        pongTimeout = setTimeout(() => {
-          console.warn('未收到PONG，关闭WebSocket')
-          socket.value?.close()
-        }, PONG_TIMEOUT)
-      }
-    }, PING_INTERVAL)
-  }
-
-  function resetPongTimeout() {
-    clearTimeout(pongTimeout)
-  }
-
-  function handleDisconnect() {
-    isConnected.value = false
-    cleanup()
-  }
-
-  function scheduleReconnect(url) {
-    if (reconnecting)
-      return
-    reconnecting = true
-
-    // 显示一次重连提示
-    if (!reconnectNotification) {
-      reconnectNotification = ElNotification({
-        title: '提示',
-        message: 'WebSocket 连接断开，正在重连...',
-        type: 'warning',
-        showClose: false,
-        duration: 0,
-      })
-    }
-
-    console.log(`WebSocket将在${reconnectDelay / 1000}s后尝试重连`)
-    setTimeout(() => {
-      connect(url)
-      reconnectDelay = Math.min(reconnectDelay * 2, MAX_RECONNECT_DELAY)
-      reconnecting = false
-    }, reconnectDelay)
-  }
-
-  function cleanup() {
-    clearInterval(pingInterval)
-    clearTimeout(pongTimeout)
-    clearTimeout(connectTimeout)
-  }
-
   onScopeDispose(() => disconnect())
 
   return {
diff --git a/code/link/link-frontend/src/views/im/index.vue b/code/link/link-frontend/src/views/im/index.vue
index 6662c4e2..d03ae71c 100644
--- a/code/link/link-frontend/src/views/im/index.vue
+++ b/code/link/link-frontend/src/views/im/index.vue
@@ -397,7 +397,7 @@ import Icon from '@/components/icon.vue'
         .im__chat-item {
           display: flex;
           align-items: center;
-          height: 56px;
+          height: 64px;
           width: 100%;
           padding: 0 10px;
           overflow-x: hidden;
@@ -425,12 +425,14 @@ import Icon from '@/components/icon.vue'
               width: 100%;
             }
             .im__chat-item-message {
-              margin-top: 4px;
+              margin-top: 8px;
+              line-height: 1;
             }
 
             .im__chat-item-name {
               font-size: 14px;
               font-weight: 500;
+              line-height: 1;
             }
             .im__chat-item-last-time,
             .im__chat-item-last-message {
@@ -450,6 +452,7 @@ import Icon from '@/components/icon.vue'
 
             .im__chat-item-last-time {
               margin-left: 8px;
+              line-height: 1;
             }
 
             .im__chat-item-unread-count {
@@ -650,7 +653,7 @@ import Icon from '@/components/icon.vue'
           min-height: 0;
 
           .im__group-item {
-            height: 56px;
+            height: 64px;
             padding: 0 10px;
             display: flex;
             align-items: center;
@@ -667,7 +670,7 @@ import Icon from '@/components/icon.vue'
                 font-size: 14px;
               }
               .im__group-item-desc {
-                margin-top: 6px;
+                margin-top: 8px;
                 font-size: 12px;
                 color: #666;
               }