import Link from 'next/link' import { useRouter } from 'next/router' import LogoBar from './LogoBar' import React from 'react' import Collapse from '@/components/Collapse' import GroupMenu from './GroupMenu' /** * 顶部导航栏 + 菜单 * @param {} param0 * @returns */ export default function TopNavBar(props) { const { className, customNav } = props const router = useRouter() const [isOpen, changeShow] = React.useState(false) const toggleMenuOpen = () => { changeShow(!isOpen) } return
{/* 右侧功能 */}
{isOpen ? : }
{/* 顶部菜单 */}
{customNav && customNav.map(link => { if (link.show) { const selected = (router.pathname === link.to) || (router.asPath === link.to) return
{link.name}
{link.slot}
} else { return null } })}
}