下拉列表集合介绍 原型

vigo 普通用户 2020-6-3 2434

今天就和大家分享下拉列表集合,包括了多选和单选、一级和多级的下拉列表。效果包括单选、多选、搜索、添加选项等。

该原型所有交互效果已经设置好了,使用简单,只需要填写中继器表格即可。

下面只是部门效果的演示,更多效果欢迎体验。

1. 多选下拉列表

1.1整体效果

1.2选中和取消选中

1.3查看全部已选中的标签

默认显示2个标签,鼠标移入看查看全部标签

1.4 删除标签取消选中

1.5.模糊搜索效果

1.6添加选项

1.7全选和全部取消效果


2. 单选下拉列表

2.1一级单选下拉列表

可以进行模糊搜索,下拉列表能自适应大小,如果搜索为空时,能手动添加选项。中继器填写表格即可使用

2.2二级单选下拉列表

可以按照不同类别进行筛选和选择。中继器填写表格即可使用

2.3二级单选下拉列表

可以按照不同类别进行筛选和选择。中继器填写表格即可使用


三级下拉列表


登录后回复
最新回复 (13)
  • 15625155144 普通用户 2021-12-24
    0 引用 14
    希望得到原型
  • voldey 普通用户 2021-12-14
    0 引用 13
    感谢分享
  • 13144326787 普通用户 2021-12-14
    0 引用 12
    感谢
  • letic 普通用户 2021-10-9
    0 引用 11
    感谢
  • lbbbbb 普通用户 2021-6-10
    0 引用 10
    666666
  • SONY 普通用户 2020-11-4
    0 引用 9
    感谢分享
  • 劳资没鞋穿 普通用户 2020-11-3
    0 引用 8
    233
  • 叶建宏 普通用户 2020-8-24
    0 引用 7
    感谢分享
  • 北南先生爱酸奶 普通用户 2020-8-24
    0 引用 6
    感谢分享
  • YSL777 普通用户 2020-8-3
    0 引用 5
    感谢分享
  • AlphaYucki 普通用户 2020-6-23
    0 引用 4
    感谢分享
  • 文新Wénxīn. 普通用户 2020-6-23
    0 引用 3
    没有原型呢
  • 747925269 普通用户 2020-6-3
    0 引用 2
    感谢分享
返回