跳转到内容

前端与界面 · DEFINED TERM

Header 与 Navbar

在页面顶部承载品牌、主导航和全局操作。

你可能会这样说“所有页面导航位置一致,手机菜单必须能点开。”

VISUAL EXAMPLE

先看懂它怎么工作

界面状态示例

等待操作

MECHANISM

运行机制

  1. 加载导航数据
  2. 标记当前项
  3. 响应断点
  4. 提供移动菜单

USE WHEN

适合这样用

跨页面全局导航

NOT FOR

不要这样理解

不要因当前项字重变化导致菜单位移

TELL YOUR AGENT

可直接发给 Agent

请按“Header 与 Navbar”的概念处理这个需求:所有页面导航位置一致,手机菜单必须能点开。。先说明实现边界,再给出可检查的结果。

ACCEPTANCE

怎么确认它真的做好了

桌面位置稳定,移动菜单可触控和键盘关闭,当前栏目准确

OFFICIAL SOURCES

官方来源