From 480117a599b955e8c1489d0e315d9288eaf555be Mon Sep 17 00:00:00 2001
From: "tangly1024.com" <tlyong1992@hotmail.com>
Date: Thu, 14 Nov 2024 10:11:27 +0800
Subject: [PATCH] =?UTF-8?q?Magzine=E4=B8=BB=E9=A2=98=EF=BC=8C=E7=A7=BB?=
 =?UTF-8?q?=E5=8A=A8=E7=AB=AF=E8=87=AA=E5=8A=A8=E6=94=B6=E8=B5=B7=E8=8F=9C?=
 =?UTF-8?q?=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 themes/magzine/components/Header.js           | 3 ++-
 themes/magzine/components/MenuBarMobile.js    | 6 +++++-
 themes/magzine/components/MenuItemCollapse.js | 7 ++++++-
 3 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/themes/magzine/components/Header.js b/themes/magzine/components/Header.js
index 45b6547a..6464b712 100644
--- a/themes/magzine/components/Header.js
+++ b/themes/magzine/components/Header.js
@@ -62,11 +62,12 @@ export default function Header(props) {
   // 向下滚动时，调整导航条高度
   useEffect(() => {
     scrollTrigger()
+    changeShow(false)
     window.addEventListener('scroll', scrollTrigger)
     return () => {
       window.removeEventListener('scroll', scrollTrigger)
     }
-  }, [])
+  }, [router])
 
   const throttleMs = 150
 
diff --git a/themes/magzine/components/MenuBarMobile.js b/themes/magzine/components/MenuBarMobile.js
index 9e32e9f5..7ceecf38 100644
--- a/themes/magzine/components/MenuBarMobile.js
+++ b/themes/magzine/components/MenuBarMobile.js
@@ -1,7 +1,11 @@
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
 import { MenuItemCollapse } from './MenuItemCollapse'
-
+/**
+ * 移动端菜单
+ * @param {*} props
+ * @returns
+ */
 export const MenuBarMobile = props => {
   const { customMenu, customNav } = props
   const { locale } = useGlobal()
diff --git a/themes/magzine/components/MenuItemCollapse.js b/themes/magzine/components/MenuItemCollapse.js
index 36659c5a..d220ff35 100644
--- a/themes/magzine/components/MenuItemCollapse.js
+++ b/themes/magzine/components/MenuItemCollapse.js
@@ -1,7 +1,7 @@
 import Collapse from '@/components/Collapse'
 import Link from 'next/link'
 import { useRouter } from 'next/router'
-import { useState } from 'react'
+import { useEffect, useState } from 'react'
 
 /**
  * 折叠菜单
@@ -31,6 +31,11 @@ export const MenuItemCollapse = props => {
     changeIsOpen(!isOpen)
   }
 
+  // 路由切换时菜单收起
+  useEffect(() => {
+    changeIsOpen(false)
+  }, [router])
+
   return (
     <>
       <div