下拉列表集合介绍 原型

vigo 普通用户 2020-6-3 2435

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

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

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

1. 多选下拉列表

1.1整体效果

1.2选中和取消选中

1.3查看全部已选中的标签

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

1.4 删除标签取消选中

1.5.模糊搜索效果

1.6添加选项

1.7全选和全部取消效果


2. 单选下拉列表

2.1一级单选下拉列表

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

2.2二级单选下拉列表

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

2.3二级单选下拉列表

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


三级下拉列表


登录后回复
最新回复 (0)
返回