后期修改完善，上线版本

pages/DailyNews/NewsList.vue

@@ -3,15 +3,15 @@
 		<div class="input">
 			<SearchInput v-model="searchText" placeholder="Please enter the key words" @search="handleTextSearch" />
 		</div>
-		<div class="card flex-1 flex flex-col">
-			<div>
-				<div style="padding: 30px 10px">
+		<div class="card flex flex-col flex-1">
+			<div class="flex-1 pad-10">
+				<div class="scroll-box">
 					<div class="daily-content" v-for="(it, i) in groupedArticles" :key="i">
 						<div class="date-title flex items-center">
 							<img src="/about/icon_title_date.png" alt="Daily News" />
 							<div class="gradient-color">{{ it.date }}</div>
 						</div>
-						<div class="flex-col flex" style="gap: 40px">
+						<div class="flex-col flex gap-40">
 							<ArticleTextListItem v-for="item in it.list" :key="item.id" :item="item" />
 						</div>
 						<div class="diver"></div>
@@ -128,6 +128,16 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.pad-10 {
+	padding: 10px 0;
+}
+.gap-40 {
+	gap: 40px;
+}
+.scroll-box {
+	max-height: 1600px;
+	overflow-y: auto;
+}
 .card {
 	padding: 20px;
 	background-color: #FFFFFF;
@@ -144,7 +154,7 @@ export default {
 	.daily-content {
 		.date-title {
 			gap: 8px;
-			font-family: 'Poppins-SemiBold', serif;
+			font-family: 'Poppins-SemiBold';
 			font-size: 24px;
 			font-weight: 600;
 			margin-bottom: 40px;