产品大菜单页眉

按产品与用途分组，搭配工程咨询卡。适合设备、产线和复杂产品体系。

site-header-08 历史改版未做原版对照

区块预览

按真实视口宽度渲染；空间不足时可横向滚动，或切换手机尺寸。

Responsive preview

桌面 · 1440 px

新窗口

名称与来源

中文名称: 产品大菜单页眉
原有名称: 产品大菜单
稳定 ID: site-header-08
来源记录: Kadence Advanced Navigation ↗
来源日期: 2026-09-05
对照状态: 未做原版对照

这是此前实现的工业改版模块，保留复用入口；尚未按该公开参考做原样视觉对照。

查看原有工程详情

Astro 导出用法

组件：MegaMenuHeader。下面是导入与基本内容示例；完整字段、素材和交互配置见原有工程详情。

---
import { MegaMenuHeader } from '@njrk/astro-sections/site-shell';
import '@njrk/astro-sections/site-shell/fonts.css';

const props = {
  brand: { name: "你的品牌", href: "/" },
  navigation: [{ label: "首页", href: "/" }],
};
---

<MegaMenuHeader {...props} />
<main>页面内容</main>