双层产品导航页眉

品牌与询价单独一行，产品导航另占一行。适合零部件和多产品目录。

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

区块预览

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

Responsive preview

桌面 · 1440 px

新窗口

名称与来源

中文名称: 双层产品导航页眉
原有名称: 双层产品导航
稳定 ID: site-header-06
来源记录: Kadence Header Builder ↗
来源日期: 2026-09-05
对照状态: 未做原版对照

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

查看原有工程详情

Astro 导出用法

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

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

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

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