认导航
汉堡菜单
Hamburger Menu
「三条横线」「三道杠」「左上角那三横」「手机上的菜单图标」「点开有菜单的图标」「☰」「汉堡图标」
LIVE DEMO真实可交互，动手试试
- 英文名
- Hamburger Menu
- 别名 · 俗称
- 三道杠三条线图标折叠菜单shadcn: Sheet
- Web 叫法
- Hamburger Menu（配合 Sheet）
- 大白话定义
- 三条横线叠成的小图标，点开后才露出完整菜单，专门给窄屏幕省地方。
- 部位拆解
- 图标 Icon三条横线叠在一起，长得像汉堡
- 点击区域 Tap Target要比图标本身大，手指才点得准
- 展开面板 Panel点开后滑出的完整菜单
提示词已按当前平台组织好，复制粘贴给 AI 即可
Web
在移动端顶栏左侧加汉堡菜单按钮（☰），点击用 Sheet 从左侧滑出导航，包含「首页、设置」
调试 Prompt组件不听话时用——把症状补在末尾一起发给 AI
调试我的汉堡菜单（Hamburger Menu）。逐一排除：点击热区只有图标本身没扩到 44px，手指点不中；展开面板 z-index 不够，被 sticky 页头压住；三道杠变 X 的动画和面板开合状态不同步；媒体查询断点写错，桌面端也把汉堡显示出来了。症状是：