认导航
下拉菜单
Dropdown
「点一下展开的选项」「下拉的那个框」「选东西的倒三角」「点出来的一列选项」「展开收起的菜单」「选择框」「按下出现列表」
LIVE DEMO真实可交互，动手试试
- 英文名
- Dropdown
- 别名 · 俗称
- 下拉列表下拉框点开出现的菜单shadcn: DropdownMenu
- Web 叫法
- DropdownMenu
- 大白话定义
- 点一下按钮才展开的选项列表，选中或用完就收起，不占平时的地方。
- 部位拆解
- 触发按钮 Trigger点它才展开，常带个小三角
- 选项列表 Menu竖排的候选项，可带图标
- 选中项 Selected当前生效的那个选项
提示词已按当前平台组织好，复制粘贴给 AI 即可
Web
在头像上加下拉菜单（DropdownMenu）：「个人资料、设置、退出登录」，点击菜单外自动关闭
调试 Prompt组件不听话时用——把症状补在末尾一起发给 AI
调试我的下拉菜单（DropdownMenu）。逐一排除：菜单被 overflow hidden 的父容器裁掉一截；outside click 监听没挂，点菜单外不关闭；贴视口边缘时不翻转，菜单被截断；焦点没移进菜单，Esc 和方向键都失效。症状是：