From df7c0da73d0382bd9b1c6bf64b2d54a4728cfcb7 Mon Sep 17 00:00:00 2001
From: bob <312777916@qq.com>
Date: Mon, 28 Oct 2024 21:29:38 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=99session=E7=9A=84=E5=8F=B3=E9=94=AE?=
 =?UTF-8?q?=E8=8F=9C=E5=8D=95=E5=A2=9E=E5=8A=A0=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/message/SessionMenu.vue | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/components/message/SessionMenu.vue b/src/components/message/SessionMenu.vue
index 9ccaf4c..7d4c95a 100644
--- a/src/components/message/SessionMenu.vue
+++ b/src/components/message/SessionMenu.vue
@@ -20,25 +20,21 @@ const menu = computed(() => {
   return [
     {
       label: 'top',
-      value: top.value,
       desc: top.value ? '取消置顶' : '置顶',
       icon: top.value ? Bottom : Top
     },
     {
       label: 'muted',
-      value: muted.value,
       desc: muted.value ? '取消免打扰' : '设置免打扰',
       icon: muted.value ? Bell : MuteNotification
     },
     {
       label: 'delete',
-      value: '',
       desc: '删除会话',
       icon: Delete
     },
     {
       label: 'mark',
-      value: '',
       desc: '修改备注',
       icon: Edit
     }
@@ -109,7 +105,8 @@ const handleClick = (item) => {
       >
         <div class="menu-list">
           <div class="menu-item" v-for="item in menu" :key="item.label" @click="handleClick(item)">
-            <span class="desc">{{ item.desc }}</span>
+            <component class="menu-icon" :is="item.icon" />
+            <span class="menu-desc text-ellipsis">{{ item.desc }}</span>
           </div>
         </div>
       </div>
@@ -127,17 +124,24 @@ const handleClick = (item) => {
   .menu-item {
     padding: 5px;
     padding-left: 10px;
-    padding-right: 20px;
+    padding-right: 10px;
     margin-top: 3px;
     border-radius: 4px;
     display: flex;
     cursor: pointer;
 
     &:hover {
-      background-color: #f0f0f0;
+      background-color: #e6e8eb;
     }
 
-    .desc {
+    .menu-icon {
+      width: 20px;
+      height: 20px;
+    }
+
+    .menu-desc {
+      padding-left: 10px;
+      padding-right: 10px;
       display: flex;
       justify-content: start;
       align-items: center;