足迹公告列表样式

src/views/student/classNotice/index.vue

@@ -3,7 +3,7 @@
 		<a-list item-layout="vertical" size="large" :pagination="pagination" :data-source="listData">
 			<template #renderItem="{ item }">
 				<a-list-item key="item.title">
-					<a-list-item-meta :description="item.description">
+					<a-list-item-meta style="margin-bottom: 0px;">
 						<template #title>{{ item.title }}</template>
 					</a-list-item-meta>
 					{{ item.content }}

src/views/student/learningFootprint/index.vue

@@ -1,9 +1,9 @@
 <template>
 	<a-card>
-		<a-list item-layout="vertical" size="large" :pagination="pagination" :data-source="listData">
+		<a-list item-layout="vertical" size="large" :pagination="pagination" :data-source="listData" class="listBox">
 			<template #renderItem="{ item }">
-				<a-list-item>
-					<a-list-item-meta :description="item.chapterName">
+				<a-list-item style="padding:5px 24px;">
+					<a-list-item-meta :description="item.chapterName" style="margin-bottom: 5px;">
 						<template #title>
 							<div @click="jumpDetail(item)" style="cursor: pointer">{{ item.courseName }}</div>
 						</template>
@@ -55,4 +55,7 @@
 	.index-message-list {
 		overflow: auto;
 	}
+	:deep(.listBox .ant-list-item-meta-title ){
+		margin-bottom: 5px!important;
+	}
 </style>