From 41147b34fae2aa4ffd701ad1f1704463ab4ebe0d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=87=95=E5=8D=9A=E6=96=87?= <349952469@qq.com>
Date: Fri, 17 Jun 2022 16:29:06 +0800
Subject: [PATCH] =?UTF-8?q?refactor(projects):=20=E4=BB=A3=E7=A0=81?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common/GlobalHeader/components/MessageList.vue     | 10 +++-------
 .../common/GlobalHeader/components/SystemMessage.vue   |  9 ++++-----
 2 files changed, 7 insertions(+), 12 deletions(-)

diff --git a/src/layouts/common/GlobalHeader/components/MessageList.vue b/src/layouts/common/GlobalHeader/components/MessageList.vue
index 0983054b..3d7ce022 100644
--- a/src/layouts/common/GlobalHeader/components/MessageList.vue
+++ b/src/layouts/common/GlobalHeader/components/MessageList.vue
@@ -14,7 +14,7 @@
             <Icon v-else-if="item.icon" class="text-34px text-primary" :icon="item.icon" />
           </template>
           <template #header>
-            <n-ellipsis :line-clamp="titleRows" :tooltip="{ placement: 'top' }">
+            <n-ellipsis :line-clamp="1">
               {{ item.title }}
               <template #tooltip>
                 {{ item.title }}
@@ -25,7 +25,7 @@
             <n-tag v-bind="item.tagProps" size="small">{{ item.tagTitle }}</n-tag>
           </template>
           <template #description>
-            <n-ellipsis v-if="item.description" :line-clamp="descRows">
+            <n-ellipsis v-if="item.description" :line-clamp="2">
               {{ item.description }}
             </n-ellipsis>
             <p>{{ item.date }}</p>
@@ -40,8 +40,6 @@ import { Icon } from '@iconify/vue';
 
 interface Props {
   list?: Message.List[];
-  titleRows?: number;
-  descRows?: number;
 }
 
 interface Emits {
@@ -49,9 +47,7 @@ interface Emits {
 }
 
 withDefaults(defineProps<Props>(), {
-  list: () => [],
-  titleRows: 1,
-  descRows: 2
+  list: () => []
 });
 
 const emit = defineEmits<Emits>();
diff --git a/src/layouts/common/GlobalHeader/components/SystemMessage.vue b/src/layouts/common/GlobalHeader/components/SystemMessage.vue
index 32ccd2c7..8e3f32ed 100644
--- a/src/layouts/common/GlobalHeader/components/SystemMessage.vue
+++ b/src/layouts/common/GlobalHeader/components/SystemMessage.vue
@@ -1,18 +1,17 @@
 <template>
-  <n-popover trigger="click" class="!p-0" placement="bottom">
+  <n-popover class="!p-0" trigger="click" placement="bottom">
     <template #trigger>
-      <hover-container tooltip-content="消息通知" class="w-40px h-full relative" :inverted="theme.header.inverted">
+      <hover-container class="w-40px h-full relative" tooltip-content="消息通知" :inverted="theme.header.inverted">
         <icon-clarity:notification-line class="text-18px" />
         <n-badge
           :value="count"
-          :show="count > 0"
           :max="99"
           :class="[count < 10 ? '-right-2px' : '-right-10px']"
           class="absolute top-10px"
         />
       </hover-container>
     </template>
-    <n-tabs v-model:value="currentTab" type="line" class="w-360px" justify-content="space-evenly">
+    <n-tabs v-model:value="currentTab" class="w-360px" type="line" justify-content="space-evenly">
       <n-tab-pane v-for="(item, index) in tabData" :key="item.key" :name="index">
         <template #tab>
           <div class="flex-x-center items-center w-120px">
@@ -21,7 +20,7 @@
               v-bind="item.badgeProps"
               :value="item.list.filter(message => !message.isRead).length"
               :max="99"
-              :show="item.list.length !== 0"
+              show-zero
             />
           </div>
         </template>