From 6df26c07e56c975eaea86808009f2ee9afd55dee Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=8C=97=E6=9E=B3?= <7854742+wang_rumeng@user.noreply.gitee.com> Date: Mon, 30 Jun 2025 17:25:18 +0800 Subject: [PATCH] =?UTF-8?q?=E5=BE=AE=E8=B0=83=E6=95=88=E6=9E=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/page.tsx | 13 +- components/layout/top-bar.tsx | 29 +- components/pages/home-page2.tsx | 4 +- components/pages/style/top-bar.css | 55 + package-lock.json | 4715 ++++++++++++++++++++++++---- package.json | 2 + 6 files changed, 4115 insertions(+), 703 deletions(-) create mode 100644 components/pages/style/top-bar.css diff --git a/app/page.tsx b/app/page.tsx index 8b36bcd..b6a4c01 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -8,15 +8,4 @@ export default function Home() { ); -} - -// import LiquidGlass from '@/plugins/liquid-glass' - -// export default function Home() { -// return ( -// // -//
-//

Hello World

-//
-// ); -// } \ No newline at end of file +} \ No newline at end of file diff --git a/components/layout/top-bar.tsx b/components/layout/top-bar.tsx index 06552cc..554024e 100644 --- a/components/layout/top-bar.tsx +++ b/components/layout/top-bar.tsx @@ -1,5 +1,6 @@ "use client"; +import '../pages/style/top-bar.css'; import { Button } from '@/components/ui/button'; import { DropdownMenu, @@ -24,15 +25,37 @@ export function TopBar({ collapsed, onToggleSidebar }: { collapsed: boolean; onT const { theme, setTheme } = useTheme(); const router = useRouter(); + const handleAnimationEnd = (event: React.AnimationEvent) => { + const element = event.currentTarget; + element.classList.remove('on'); + }; + + const handleMouseEnter = (event: React.MouseEvent) => { + const element = event.currentTarget; + element.classList.add('on'); + }; + return ( -
+
-
router.push('/')}> -

Movie Flow

+
router.push('/')} + onMouseEnter={handleMouseEnter} + onAnimationEnd={handleAnimationEnd} + > + + +

Movie Flow

+
+ +

Movie Flow

+
+
diff --git a/components/pages/home-page2.tsx b/components/pages/home-page2.tsx index 461ba46..592a37c 100644 --- a/components/pages/home-page2.tsx +++ b/components/pages/home-page2.tsx @@ -54,7 +54,7 @@ export function HomePage2() {
{/* 工具栏-列表形式切换 */} -
+