From d282a0f9b8fd7b67c2953b13cf7798cc27dc0800 Mon Sep 17 00:00:00 2001
From: freefire <aarbbs@88.com>
Date: Wed, 16 Sep 2026 06:04:12 +0800
Subject: [PATCH] =?UTF-8?q?fix(frontend):=20=E7=A7=BB=E9=99=A4=E6=98=93?=
 =?UTF-8?q?=E8=A2=AB=E8=AF=AF=E8=AE=A4=E4=B8=BA=E5=8A=A0=E8=BD=BD=E6=9D=A1?=
 =?UTF-8?q?=E7=9A=84=E9=A1=B6=E9=83=A8=E9=98=85=E8=AF=BB=E8=BF=9B=E5=BA=A6?=
 =?UTF-8?q?=E6=9D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 frontend/app/globals.css                | 13 ---------
 frontend/app/post/[id]/page.tsx         |  2 --
 frontend/components/ReadingProgress.tsx | 37 -------------------------
 3 files changed, 52 deletions(-)
 delete mode 100644 frontend/components/ReadingProgress.tsx

diff --git a/frontend/app/globals.css b/frontend/app/globals.css
index 2cc7cc8..0d36c7e 100644
--- a/frontend/app/globals.css
+++ b/frontend/app/globals.css
@@ -2190,16 +2190,3 @@ html.dark .prose-content .shiki span {
   transform: translateY(0);
   outline: none;
 }
-
-/* 阅读进度条 */
-.reading-progress {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  height: 3px;
-  z-index: 60;
-  background: var(--accent);
-  transform-origin: 0 50%;
-  pointer-events: none;
-}
diff --git a/frontend/app/post/[id]/page.tsx b/frontend/app/post/[id]/page.tsx
index 251ba31..5f3bc0b 100644
--- a/frontend/app/post/[id]/page.tsx
+++ b/frontend/app/post/[id]/page.tsx
@@ -27,7 +27,6 @@ import { getMeCached } from "@/lib/serverData";
 import CommentSection from "@/components/CommentSection";
 import PostActions from "@/components/PostActions";
 import LikeButton from "@/components/LikeButton";
-import ReadingProgress from "@/components/ReadingProgress";
 import PostToc, { type TocItem } from "@/components/PostToc";
 import MobilePostBar from "@/components/MobilePostBar";
 import Avatar from "@/components/Avatar";
@@ -454,7 +453,6 @@ export default async function PostDetailPage({ params, searchParams }: PageProps
 
   return (
     <>
-      <ReadingProgress />
       <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }} />
       {/* 移动端浮动操作条：长文阅读中途可点赞 / 跳评论 / 回顶部 */}
       <MobilePostBar postId={id} liked={post.liked} likeCount={post.like_count} />
diff --git a/frontend/components/ReadingProgress.tsx b/frontend/components/ReadingProgress.tsx
deleted file mode 100644
index ec29dc3..0000000
--- a/frontend/components/ReadingProgress.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-"use client";
-
-import { useEffect, useState } from "react";
-
-export default function ReadingProgress() {
-  const [progress, setProgress] = useState(0);
-
-  useEffect(() => {
-    let raf = 0;
-    const update = () => {
-      raf = 0;
-      const doc = document.documentElement;
-      const max = doc.scrollHeight - doc.clientHeight;
-      setProgress(max > 0 ? Math.min(1, doc.scrollTop / max) : 0);
-    };
-    const onScroll = () => {
-      if (!raf) raf = requestAnimationFrame(update);
-    };
-    update();
-    window.addEventListener("scroll", onScroll, { passive: true });
-    window.addEventListener("resize", onScroll);
-    return () => {
-      window.removeEventListener("scroll", onScroll);
-      window.removeEventListener("resize", onScroll);
-      if (raf) cancelAnimationFrame(raf);
-    };
-  }, []);
-
-  if (progress <= 0) return null;
-  return (
-    <div
-      className="reading-progress"
-      style={{ transform: `scaleX(${progress})`, opacity: progress >= 1 ? 0 : 1 }}
-      aria-hidden="true"
-    />
-  );
-}