BeianFooter
beian-footer备案页脚 · ICP 备案号(可多个·默认链 miit) + 公网安备(警徽 icon·默认链 mps) + 版权行 · 中国大陆合规底栏(发丝边卡片·语义 token·外链新窗·RSC)
用法
基础用法
传入单个 ICP 备案号，默认链向工信部备案系统。
ICP备案闽ICP备2024073556号-1
tsx
<BeianFooter icp={[{ number: "闽ICP备2024073556号-1" }]} />多个 ICP 备案
同一主体下多站点时可传入多个备案号（如 -1 / -2）。
tsx
<BeianFooter
icp={[
{ number: "闽ICP备2024073556号-1" },
{ number: "闽ICP备2024073556号-2" },
]}
/>公网安备
传入 police 时显示警徽图标，默认链向公安部备案系统。
tsx
<BeianFooter
icp={[{ number: "闽ICP备2024073556号-1" }]}
police={{ number: "闽公网安备35030302900030号" }}
/>带版权行
copyright 渲染在备案信息下方，常用于站点底部合规条。
tsx
<BeianFooter
icp={[
{ number: "闽ICP备2024073556号-1" },
{ number: "闽ICP备2024073556号-2" },
]}
police={{ number: "闽公网安备35030302900030号" }}
copyright="© 2026 瑚琏 · Abel"
/>何时用
中国大陆站点需要在页脚展示 ICP 备案号 + 公网安备 + 版权行（合规要求）时用，备案号默认自动链到 miit/mps 官方查询页。它专管「合规底栏」——顶部全局导航用 Navbar，侧边树菜单用 NavMenu。
导入
ts
import { BeianFooter } from "@hulianui/ui"Props
IcpRecord = { number: string; href?: string }；PoliceRecord 同形。href 不传则用默认官方链接。
| 名称 | 类型 | 默认 | 说明 |
|---|---|---|---|
| icp | IcpRecord[] | — | ICP 备案号，可多个（如主体下多站 -1/-2）。默认链 beian.miit.gov.cn |
| police | PoliceRecord | — | 公网安备号，带警徽图标。默认链 beian.mps.gov.cn |
| className | string | — | 类名 |
Slots
| 插槽 | 类型 | 说明 |
|---|---|---|
| icpLabel | ReactNode | 备案前缀文案，默认 "ICP备案" |
| copyright | ReactNode | 版权/补充行 |
禁忌 / 坑
- 备案号文本须与工信部/公安备案系统登记的完全一致（含「号-N」后缀），否则外链查询页对不上。
- 暂无其他已知坑（纯 RSC，外链统一新窗打开）。