原型预览地址:https://www.pmdaniu.com/storage/118439/af8af25eee3adc928e96ceae8a207934-69620/start.html
今天就和大家分享下拉列表集合,包括了多选和单选、一级和多级的下拉列表。效果包括单选、多选、搜索、添加选项等。
该原型所有交互效果已经设置好了,使用简单,只需要填写中继器表格即可。
下面只是部门效果的演示,更多效果欢迎体验。
效果演示
1. 多选下拉列表
1.1整体效果
1.2选中和取消选中
1.3查看全部已选中的标签
默认显示2个标签,鼠标移入看查看全部标签
1.4 删除标签取消选中
1.5.模糊搜索效果
1.6添加选项
1.7全选和全部取消效果
2. 单选下拉列表
2.1一级单选下拉列表
可以进行模糊搜索,下拉列表能自适应大小,如果搜索为空时,能手动添加选项。中继器填写表格即可使用
2.2二级单选下拉列表
可以按照不同类别进行筛选和选择。中继器填写表格即可使用
2.3二级单选下拉列表
可以按照不同类别进行筛选和选择。中继器填写表格即可使用