标题和副标题鼠标悬浮显示全部内容

src/views/knowledge/knowledge/components/archivestype.vue

@@ -186,8 +186,8 @@ const showCards = ref(0)
           referrerpolicy="no-referrer" :src="item.gThumbnail" fit="fill" loading="lazy" @error="errorImg($event)" />
 
         <div class="card-right">
-          <span class="card-title">{{ item.gTitle }}</span>
-          <span class="card-text">{{ item.gDescribe }}</span>
+          <span class="card-title" :title=item.gTitle>{{ item.gTitle }}</span>
+          <span class="card-text" :title="item.gDescribe">{{ item.gDescribe }}</span>
 
           <span class="time-span"><span class="fa fa-clock-o"></span>{{ formatDate(item.gAddTime) }}</span>
 

src/views/knowledge/knowledge/index.vue

@@ -158,8 +158,8 @@ function handleCurrentChange() {
               referrerpolicy="no-referrer" :src="item.gThumbnail" fit="fill" loading="lazy" @error="errorImg($event)" />
 
             <div class="card-right">
-              <span class="card-title">{{ item.gTitle }}</span>
-              <span class="card-text">{{ item.gDescribe }}</span>
+              <span class="card-title" :title= item.gTitle >{{ item.gTitle }}</span>
+              <span class="card-text" :title= item.gDescribe >{{ item.gDescribe }}</span>
 
               <span class="time-span"><span class="fa fa-clock-o"></span>{{ formatDate(item.gAddTime) }}</span>
 
@@ -295,6 +295,9 @@ function handleCurrentChange() {
   -webkit-box-orient: vertical;
   overflow: hidden;
   -webkit-line-clamp: 1;
+  
+
+
 }
 
 .card-text {