gitbook 亿点细节

themes/gitbook/components/CatalogDrawerWrapper.js

@@ -1,5 +1,7 @@
 import { useGlobal } from '@/lib/global'
 import { useGitBookGlobal } from '@/themes/gitbook'
+import { useRouter } from 'next/router'
+import { useEffect } from 'react'
 import Catalog from './Catalog'
 
 /**
@@ -12,9 +14,13 @@ import Catalog from './Catalog'
 const CatalogDrawerWrapper = ({ post, cRef }) => {
   const { tocVisible, changeTocVisible } = useGitBookGlobal()
   const { locale } = useGlobal()
+  const router = useRouter()
   const switchVisible = () => {
     changeTocVisible(!tocVisible)
   }
+  useEffect(() => {
+    changeTocVisible(false)
+  }, [router])
   return (
     <>
       <div

themes/gitbook/components/PageNavDrawer.js

@@ -1,5 +1,7 @@
 import { useGlobal } from '@/lib/global'
 import { useGitBookGlobal } from '@/themes/gitbook'
+import { useRouter } from 'next/router'
+import { useEffect } from 'react'
 import NavPostList from './NavPostList'
 
 /**
@@ -13,11 +15,15 @@ const PageNavDrawer = props => {
   const { pageNavVisible, changePageNavVisible } = useGitBookGlobal()
   const { filteredNavPages } = props
   const { locale } = useGlobal()
-
+  const router = useRouter()
   const switchVisible = () => {
     changePageNavVisible(!pageNavVisible)
   }
 
+  useEffect(() => {
+    changePageNavVisible(false)
+  }, [router])
+
   return (
     <>
       <div

themes/gitbook/index.js

@@ -239,7 +239,7 @@ const LayoutBase = props => {
           )}
         </main>
 
-        {/* 移动端底部按钮 */}
+        {/* 移动端底部导航按钮 */}
         <div className='bottom-button-group md:hidden w-screen h-12 px-4 fixed flex items-center justify-between right-0 bottom-0 z-30 bg-white border-l border-t dark:border-gray-800'>
           <div className='w-full'>
             <MobileButtonPageNav />