From 9cb52f478c8fdc29fa798d1dcd7816ce8399d85c Mon Sep 17 00:00:00 2001 From: mackt <1033530438@qq.com> Date: Fri, 22 Mar 2024 17:29:02 +0800 Subject: [PATCH] update: component(Header) --- src/components/Footer.tsx | 22 ++++++++++--------- src/components/Header/index.tsx | 39 ++++++++++++++++++++------------- src/components/Logo.tsx | 4 +--- 3 files changed, 37 insertions(+), 28 deletions(-) diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index 30a2ba7..4f4a203 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -16,17 +16,19 @@ export default function Footer() { return ( ); } diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx index 34700e4..cf8a0f2 100644 --- a/src/components/Header/index.tsx +++ b/src/components/Header/index.tsx @@ -1,6 +1,13 @@ +'use client'; + +import Link from 'next/link'; +import { usePathname } from 'next/navigation'; + import Logo from '@/components/Logo'; export default function Header() { + const pathName = usePathname(); + const menuList = [ { name: '首页', @@ -17,23 +24,25 @@ export default function Header() { ]; return ( -
- +
+
+ -
    - {menuList.map(({ name, path }) => ( -
  • - {name} -
    • - ))} -
+
+
    + {menuList.map(({ name, path }) => ( +
  • + {name} +
    • + ))} +
- + +
+
); } diff --git a/src/components/Logo.tsx b/src/components/Logo.tsx index 029ee9a..eb8c855 100644 --- a/src/components/Logo.tsx +++ b/src/components/Logo.tsx @@ -1,5 +1,3 @@ export default function AppLogo() { - return ( -

- ); + return

; }