首页菜单栏下拉页面调整高度1024适配

src/components/composites/purchase/index.tsx

@@ -1,11 +1,13 @@
 'use client'
-import {ReactNode} from 'react'
+import {ReactNode, useContext} from 'react'
 import {merge} from '@/lib/utils'
 import {Tabs, TabsContent, TabsList, TabsTrigger} from '@/components/ui/tabs'
 import LongForm from '@/components/composites/purchase/long/form'
 import ShortForm from '@/components/composites/purchase/short/form'
 import Link from 'next/link'
 import {useSearchParams} from 'next/navigation'
+import {HeaderContext} from '@/app/(home)/@header/_client/provider'
+import {useRouter} from 'next/navigation'
 
 export type TabType = 'short' | 'long' | 'fixed' | 'custom'
 
@@ -38,6 +40,15 @@ function Tab(props: {
   value: string
   children: ReactNode
 }) {
+  const ctx = useContext(HeaderContext)
+  const router = useRouter()
+  const handleClick = (e: React.MouseEvent) => {
+    e.preventDefault()
+    e.stopPropagation()
+    if (ctx) {
+      ctx.setMenu(false)
+    }
+  }
   return (
     <Link
       href={{
@@ -52,7 +63,8 @@ function Tab(props: {
           `w-36 h-12 text-base font-normal flex-none`,
           `data-[state=active]:text-primary data-[state=active]:bg-primary-muted`,
         )}
-        value={props.value}>
+        value={props.value}
+        onClick={handleClick}>
         {props.children}
       </TabsTrigger>
     </Link>