今天和大家分享2级多选下拉列表_含标签原型模板,效果包括:
【Axure高保真原型】2级多选下拉列表
查看子级选项——点击一级选项,可以在右侧查看对应的二级选项
选中或取消选中——点击多选按钮,可以选中或取消选中当前选项
全选效果——选中一级选项后,自动全选对应的2级选项
取消全选——取消选中一级选项后,自动取消选择所有对应的2级选项
自动反选——一级选项会根据对应二级选项选中的数量自动反选
1、如果子级选项全部选中,就会变成全选状态
2、如果子级选项全部未选中,就会变成未选状态
3、如果自己选项部分选中,就会变成半选状态
生成标签——选中选项后,会自动生成对应的标签,下拉框会根据标签数量自动调整尺寸
统计效果——考虑到选项较多时,如果都选中的话,下拉框就会变得很大,所以我们另外提供了一个统计效果的案例,选中的选项只显示第一个,其他的用数字来统计,例如选中了8个选项,我们就只显示第一个选项,后面的选项我们用+7来表示。
该模板用中继器制作,所以使用方便,只需在中继器表格中填写选项内容,既可以自动生成高保真的交互效果,具体效果可以打开下方原型地址体验
【原型地址】
https://axhub.im/ax9/09b38389df30358f/#g=1&p=2级多选下拉列表__含标签