跳到主要内容

Dropdown 下拉菜单

向下弹出的列表。

何时使用​

当页面上的操作命令过多时，用此组件可以收纳操作元素。点击或移入触点，会出现一个下拉菜单。可在列表中进行选择，并执行相应的命令。

  1. 用于收罗一组命令操作。
  2. Select 用于选择，而 Dropdown 是命令集合。

带下拉框的按钮​

左边是按钮，右边是额外的相关功能菜单。可设置「图标」属性来修改右边的图标。

文字下拉框​

最简单的下拉菜单，当下拉框中有不可用选项用分割线隔开。

当传入的菜单里有多个层级。

当下拉菜单中的选项超过「10条」时出现滚动条。当下拉菜单中的选项超过「20条」时，建议支持搜索功能，快速找到指定的相关内容。

图标下拉​

当列表中操作数量超过「2条」时出现省略，鼠标悬浮于图标进行展开。