snowykami/neo-blog
1
0
Fork 0
mirror of https://github.com/snowykami/neo-blog.git synced 2025-09-26 19:16:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: 添加移动端检测功能，优化组件动画效果
All checks were successful
Push to Helm Chart Repository / build (push) Successful in 9s
Details

Browse Source
This commit is contained in:
远野千束
2025-09-11 00:03:03 +08:00
parent 29dc8bf27a
commit b3e8a5ef77
4 changed files with 29 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
web/src/components/blog-post/blog-post.tsx
View File

@ -73,11 +73,8 @@ async function PostHeader({ post }: { post: Post }) {
aria-hidden="true"
style={{ zIndex: -1 }}
/>
<motion.div
initial={{ opacity: 0, x: -50 }}
animate={{ opacity: 1, x: 0 }}
transition={{ duration: config.animationDurationSecond, ease: "easeOut" }}
className="container mx-auto px-4"
<div
className={`container mx-auto px-4`}
>
{(post.labels || post.isOriginal) && (
<div className="flex flex-wrap gap-2 mb-4">
@ -98,7 +95,7 @@ async function PostHeader({ post }: { post: Post }) {
<div>
<PostMeta post={post} />
</div>
</motion.div>
</div>
</div>
);
@ -145,10 +142,23 @@ async function PostContent({ post }: { post: Post }) {
async function BlogPost({ post }: { post: Post }) {
return (
<div className="h-full">
<div className="h-full"
>
{/* <ScrollToTop /> */}
<PostHeader post={post} />
<PostContent post={post} />
<motion.div
initial={{ opacity: 0, y: -30 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: config.animationDurationSecond, ease: "easeOut" }}>
<PostHeader post={post} />
</motion.div>
<motion.div
initial={{ opacity: 0, y: 30 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: config.animationDurationSecond, ease: "easeOut" }}>
<PostContent post={post} />
</motion.div>
<CommentSection targetType={TargetType.Post} targetId={post.id} totalCount={post.commentCount} />
</div>
);