返回原样区块目录 返回原样区块目录
Painting Service — Header
painting-header · Starter template · 已实现 · 待验收
原版页眉、桌面子菜单与手机抽屉，不是整个首页；透明页眉背后的原站纹理仅用于预览环境。
独立原版预览
固定宽度使用真实 CSS 像素，不缩小区块；超出窗口时可横向滚动查看。
来源与验收说明
已有五个宽度的对照记录，但尚未作为所有菜单状态均完全相同的用户验收结论。此组件不计入 876 个 Section。
- 原版区域
#masthead; #mobile-drawer- 分类
- 页眉 / Headers
- 接入与验收状态
- 已实现 · 待验收；真实预览已接入。运行可用与视觉完成分别记录。
- 内容与素材
- 保留原演示文案和链接，不把它们当作本库的业务声明。字体位于本地，获准使用的原图片保持原站地址，并非离线素材包。
Astro 使用方式
---
import { PaintingHeader } from '@njrk/astro-sections/replicas/painting';
import '@njrk/astro-sections/replicas/painting/fonts.css';
---
<PaintingHeader
logoSrc="https://startertemplatecloud.com/g58/wp-content/uploads/sites/90/2022/06/painting-logo.png"
/>不要导入历史中文工业主题；页面 body 的 margin 保持为 0。透明页眉需要原页面背景作为底图，该组件本身不包含原站其他页面内容。