From dbb83ab22736992c176be196a9e412cf84a014b5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8C=E5=8F=89=E6=A0=91=E6=A0=91?= <acofork@qq.com>
Date: Sat, 3 Jan 2026 20:51:19 +0800
Subject: [PATCH] =?UTF-8?q?refactor(PostPage):=20=E5=B0=86=E5=8A=A8?=
 =?UTF-8?q?=E7=94=BB=E7=B1=BB=E4=BB=8EPostCard=E7=A7=BB=E5=88=B0=E5=A4=96?=
 =?UTF-8?q?=E9=83=A8div?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

将动画相关的class和style属性从PostCard组件移动到包裹它的div元素，以提高组件结构的清晰度和可维护性
---
 src/components/PostPage.astro | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/PostPage.astro b/src/components/PostPage.astro
index 991e59c55..c7f66537b 100644
--- a/src/components/PostPage.astro
+++ b/src/components/PostPage.astro
@@ -12,17 +12,17 @@ const interval = 50;
 <div class="transition flex flex-col rounded-[var(--radius-large)] bg-transparent gap-4 mb-4">
 
     {page.data.map((entry: CollectionEntry<"posts">) => (
-        <PostCard
-                entry={entry}
-                title={entry.data.title}
-                published={entry.data.published}
-                updated={entry.data.updated}
-                url={getPostUrlBySlug(entry.slug)}
-                image={entry.data.image}
-                description={entry.data.description}
-                draft={entry.data.draft}
-                class:list="onload-animation"
-                style={`animation-delay: calc(var(--content-delay) + ${delay++ * interval}ms);`}
-        ></PostCard>
+        <div class="onload-animation" style={`animation-delay: calc(var(--content-delay) + ${delay++ * interval}ms);`}>
+            <PostCard
+                    entry={entry}
+                    title={entry.data.title}
+                    published={entry.data.published}
+                    updated={entry.data.updated}
+                    url={getPostUrlBySlug(entry.slug)}
+                    image={entry.data.image}
+                    description={entry.data.description}
+                    draft={entry.data.draft}
+            ></PostCard>
+        </div>
     ))}
 </div>
\ No newline at end of file