实现验证码图片的效果

实现效果：

有一张显示颜色验证码的图片，点击该图片后，会切换成另一张验证码图片。

实现思路：

1.首先需要一个图片组件，用于显示验证码。

2.需要一个能提供验证码的接口，该接口需要一个请求参数——时间戳，同时会返回两个参数——验证码图片的url和新的时间戳。

3.用数据容器组件去接入这个验证码的接口，拿到数据后，发出一个回调，比如叫msg

4.图片组件通过过滤器去接受这个回调msg。

5.给图片组件添加点击回调，在点击图片时将数据中的time字段发出来。

6.如此设置之后，每当我们点击图片组件，就会把time字段发送给数据容器，去发起一个新的请求，然后接口会返回给我们一个新的验证码图片的url以及新的时间戳，这样我们下次点击图片时，就又能发出新的时间戳去请求数据了，达到了验证码图片的效果。

注意：

由于第一次接口请求需要一个时间戳，此时还没触发图片的点击，所以我们需要添加一个额外的数据容器，来发送回调time。

demo：📎验证码效果_1976679.zip