From 3bd6df74ccdd9f4e2e748bb52781f381d31201b2 Mon Sep 17 00:00:00 2001
From: odjbin <1042039504@qq.com>
Date: Sun, 19 May 2024 15:27:22 +0800
Subject: [PATCH] =?UTF-8?q?fix=20:=20=E4=BF=AE=E6=94=B9=E5=AE=A1=E6=89=B9?=
 =?UTF-8?q?=E8=AE=B0=E5=BD=95=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/NameCircle.vue |  2 +-
 src/components/Tooltip.vue    | 12 +++++++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/components/NameCircle.vue b/src/components/NameCircle.vue
index ce06bb4..eb79bbc 100644
--- a/src/components/NameCircle.vue
+++ b/src/components/NameCircle.vue
@@ -15,7 +15,7 @@
       </div>
       <div class="username" v-if="user.auditOpinion">
         <div style="margin-bottom: 10px;color: #909399">{{user.operationTime}}</div>
-        <Tooltip :content="user.auditOpinion" placement="bottom-start" width="150"/>
+        <Tooltip :content="user.auditOpinion" placement="bottom-start" width="150" :lines="true"/>
       </div>
     </div>
   </div>
diff --git a/src/components/Tooltip.vue b/src/components/Tooltip.vue
index b06b081..2cddc67 100644
--- a/src/components/Tooltip.vue
+++ b/src/components/Tooltip.vue
@@ -5,7 +5,7 @@
       placement="bottom-start"
       :disabled="isShow"
   >
-    <div class="content" :style="{width: props.width+'px'}" @mouseover="isShowTooltip">
+    <div :class="lines?'content-lines':'content'" :style="{width: props.width+'px'}" @mouseover="isShowTooltip">
       <span ref="contentRef">
         <slot name="content">{{ props.content }}</slot>
       </span>
@@ -20,6 +20,9 @@ const props = defineProps({
   }, width: {
     type: String,
     default: ''
+  }, lines: {
+    type: Boolean,
+    default: false
   }
 })
 const contentRef = ref()
@@ -36,4 +39,11 @@ const isShowTooltip = () => {
   white-space: nowrap;
   overflow: hidden;
 }
+.content-lines{
+  overflow:hidden;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 2;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+}
 </style>