Merge pull request #2965 from tangly1024/fix/theme-magzine-nav-auto-collapse

Magzine主题，移动端自动收起菜单

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
 

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()

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