??很多用户还不会使用Axure?RP?8制作验证码倒计时原型,下面小编就讲解Axure?RP?8制作验证码倒计时原型的操作教程。
![](http://m.size12records.com/mydown-img1/2018-04-02/af3680c5b8240d08d47737693a936f88.png)
??1、打开Axure?RP?8软件,在元件库中找到“矩形3”元件,拖一个到画布中,如下图所示:
![](http://m.size12records.com/mydown-img1/2018-04-02/5a7df689655365594317d16679d5ac8c.png)
![](http://m.size12records.com/mydown-img1/2018-04-02/37bec15d692cedeed1b3e632b44c94d4.png)
??2、在元件库找到“label”元件,拖两个“label”元件和两个输入框、一个按钮到画布中,如下图所示:
![](http://m.size12records.com/mydown-img1/2018-04-02/63666a433fbfb65a2c113cca68670fa7.png)
??3、选中“获取”按钮,添加鼠标单击时用例,如下图所示:
![](http://m.size12records.com/mydown-img1/2018-04-02/eeb48a55e8204c892315c9a0493eea8b.png)
??4、添加“设置变量值”,添加变量“data”,默认值为“60s”,如下图所示:
![](http://m.size12records.com/mydown-img1/2018-04-02/c5137fca6f95dffa82a8643b0c2be9ce.png)
??5、再次添加动作“设置文本”,设置按钮的文本为变量[[data-1]],如下图所示:
![](http://m.size12records.com/mydown-img1/2018-04-02/d1ae3218ce1638a6a01c9b122b79838e.png)
??6、预览该原型界面,点击“获取”按钮,这时“获取”文字变为时间倒计时,如下图所示:
![](http://m.size12records.com/mydown-img1/2018-04-02/d63e5c6cc952be3bb5bb7047c99c5b13.png)
??以上就是小编带来的Axure?RP?8制作验证码倒计时原型的操作教程,希望帮助到有需要的朋友。