界面图鉴
下拉菜单Dropdown Menu
下拉菜单到底是什么？它和下拉选择（Select）不是一回事吗？
点一个按钮弹出一列动作，选完就收起。它给的是「做什么」，不是「填什么」。
01 · 拆开看看
这一块由什么组成
它是「一个按钮 + 一列动作」：平时只露出触发器，点开才把选项摊出来，选完立刻执行并收起。跟 Select 最大的区别——Select 选的是「值」，留在表单里等提交；菜单选的是「做什么」，点了就干。组成：
触发器Trigger
一个按钮或「···」图标，点它才打开菜单。
菜单面板Panel
浮在触发器下方的一小块，带阴影，点外面就关。
菜单项Item
每一行是一个动作，动词开头：编辑、复制、导出。
分隔与危险项Divider
删除这类不可逆的动作放最后，一条线隔开、标成红色。
02 · 常见变体
同一个零件，几种摆法
「···」或齿轮，最省地方，表格行末常见。
「新建 ▾」——主动作旁边挂几个近亲。
在光标位置弹出，桌面软件的老习惯。
03 · 火眼金睛
这个页面里，哪一个是 Dropdown Menu？
三个都能「点开选一个」，但只有一个选完就会替你做事。
点一块试试，看看它叫什么
不是它。它选的是一个「值」，选完留在那儿等你提交，什么都不会替你做。
不是它。标签页的选项一直摆在外面，不需要点开；切换的是视图，不是执行动作。
就是它！点「···」摊开一列动作，点「复制」立刻复制、点「删除」立刻删除，然后自己收起。
04 · 用与不用
什么时候该上它
- 一行数据后面的「更多操作」
- 把次要动作收起来，给主界面减负
- 同一目标的多种做法（导出为 PDF / CSV）
- 让用户填一个值——那是 Select
- 只有一个动作——直接放按钮
- 高频动作藏进菜单，每次多点一下
05 · 想一想
一道题，检查眼力
表格每一行右侧要放「编辑、复制、删除」三个动作，怎么摆最合适？
对。一行里三个动作太吵，收进菜单，主界面干净，动作也一个不少。
Select 是选值用的，选了「删除」到底删不删？语义拧巴，用户也不敢点。
每一行都摆三个按钮，整张表都在喊「点我」。只有一个高频动作时才值得露在外面。
06 · 说给 AI 听
让 AI 改它时，这样说
先说清是「动作菜单」还是「取值下拉」，AI 才不会拿一个 <select> 交差。
表格每一行末尾加一个「···」按钮，点开是编辑、复制、删除的下拉菜单
下拉菜单里的「删除」放最后，用分隔线隔开并标成红色
菜单选完自动关闭，点击外部或按 Esc 也关闭
这个下拉菜单在移动端改成从底部弹出的面板
最容易踩的坑
菜单是用来藏东西的——藏得越深，越没人用。高频动作别塞进「···」，露在外面才有人点。