最近在公司写了个编队的功能需求,想把大概的思路记下来...(用上了递归和数组的splice()方法)
要求:
队伍界面里有四支小队伍(AAA、BBB、CCC、DDD),每支队伍由四名弟子组成,完成组队之后点击右边“完成”按钮即完成组队,需要将小组内对应的弟子ID传送至后端。
具体ui实现过程:
选择弟子:在队伍界面点击头像添加按钮,会弹出选择弟子界面(弟子个数是固定的,这里我们设置有9个),选择弟子放入AAA队伍1号的位置上,依次放入;
更换弟子:当我们点击AAA队伍1号位置时,这上面已经有弟子a了,但我们想要更换成弟子e,在弟子选择界面选择弟子e,则AAA队伍1号位置 由a变成了e。然后,我们点击x队伍x号位置时,发现弟子选择界面里出现了a,而其他已经被选择的弟子(如e)都不会出现在弟子选择界面中。
删除弟子:当我们点击AAA队伍1号位置时(这上面已经有弟子a了),弹出弟子选择界面,此时该弟子a会在弟子选择界面置顶的位置,可选择卸下。
思想:
在队伍界面代码里,定义五个列表,分别用来存储(列表1、已经进入队伍准备配置的弟子;