资源中心名称溢出...

src/views/resourceCenter/components/ResourceList.vue

@@ -53,7 +53,9 @@
 							</div>
 						</div>
 						<div style="display: flex; flex-direction: column; padding: 5px 10px">
-							<span style="font-size: 16px; font-weight: bold">{{ item.fileName }}</span>
+							<a-tooltip :title="item.fileName ">
+								<span style="font-size: 16px; font-weight: bold" class="single-line">{{ item.fileName }}</span>
+							</a-tooltip>
 							<span style="font-size: 12px">{{ item.collegeIdName }}</span>
 							<span style="font-size: 12px">{{ item.majorIdName }}</span>
 							<div style="display: flex; justify-content: space-between">
@@ -244,6 +246,11 @@
 		position: relative;
 		z-index: 2;
 	}
+	.single-line {
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
 	/* .resource:hover {
 		background-color: #ffffff8c;
 	} */