下拉框 Dropdown
下拉框是选定的项始终可见、其他项通过单击下拉按钮才显示的列表。使用下拉框,用户可以在展开的列表中作出选择。通过下拉框,用户可以选择一个且只能选择一个选项。使用下拉框可以节省屏幕空间,使用户的注意力更聚焦。
基本规范
  1. 列表选项按照逻辑顺序排序,优先显示用户最常用的推荐选项。
  2. 下拉框内容需保持单行并尽量完整显示,展开的下拉面板宽度需等于或大于下拉框宽度。
  3. 若选项数少于 5 个时,可考虑使用单选按钮
  4. 选项列表的高度由下拉项目数决定,但该高度不得大于六个选项的高度,超过则出现滚动条
示例 Examples
参考Element UI,具体请查看 http://element.eleme.io/#/zh-CN/component/dropdown