From 9f9edd23ebcbd6049973445153768646f12d7142 Mon Sep 17 00:00:00 2001
From: "851673013@qq.com" <851673013@qq.com>
Date: Thu, 4 Aug 2022 13:58:14 +0800
Subject: [PATCH] =?UTF-8?q?=E8=83=BD=E5=8A=9B=E7=BB=9F=E8=AE=A1bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/CapabilityRequirements.vue     | 22 +++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/front/src/views/abilityStatistics/components/CapabilityRequirements.vue b/front/src/views/abilityStatistics/components/CapabilityRequirements.vue
index 6fef3668..b2d4c45c 100644
--- a/front/src/views/abilityStatistics/components/CapabilityRequirements.vue
+++ b/front/src/views/abilityStatistics/components/CapabilityRequirements.vue
@@ -13,10 +13,16 @@
               backgroundImage: `url(${item.photo}) `,
             }"
           ></div>
-          <div class="name">{{ item.demandSubject }}</div>
-          <div class="text">
-            {{ item.demandDetails }}
-          </div>
+          <a-tooltip>
+            <template #title>{{ item.demandSubject }}</template>
+            <div class="name">{{ item.demandSubject }}</div>
+          </a-tooltip>
+          <a-tooltip>
+            <template #title>{{ item.demandDetails }}</template>
+            <div class="text">
+              {{ item.demandDetails }}
+            </div>
+          </a-tooltip>
           <div class="reply">回复量:{{ item.commentCount }}</div>
           <div class="view-details" @click="viewDetails(item.id)">查看详情</div>
         </div>
@@ -165,6 +171,10 @@
           font-size: 16px;
           color: #212121;
           margin-bottom: 24px;
+          width: 226px;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
         }
         .text {
           width: 100%;
@@ -175,6 +185,10 @@
           font-size: 14px;
           color: #666;
           text-align: center;
+          text-overflow: ellipsis;
+          display: -webkit-box;
+          -webkit-line-clamp: 3;
+          -webkit-box-orient: vertical;
         }
         .view-details {
           width: 75px;