van-index-bar滑动锚点失败_Axure教程：登录滑动拼图验证交互教学

滑动拼图是互联网一种新的验证形式，被广泛应用在各种网站的登录、注册、找回密码。用户可以不需要填写复杂的验证码，而是用鼠标去拖动滑块便能通过验证。

下面为今日头条的滑动拼图验证，接下来将为大家讲解：

一、界面元件搭建(教程为axure 8)

首先，需要下面这些元件。热区1和热区2是用来校验小图的位置是否正确，作为左右的重合区间。

所有元件的初始位置如下：

二、交互事件实现

(1)选中动态面板【滑块】，添加【拖动时】交互事件，勾选【当前元件】，设置为