如何利用Axure RP 8软件设计验证码倒计时效果

1、第一步，打开Axure RP 8软件，在元件库中找到“矩形3”元件，拖一个到画布中，将其拖到中心位置，调整高度和宽度，如下图所示：

2、第二步，在元件库找到“label”元件，拖两个“label”元件和两个输入框、一个按钮到画布中，手机号和验证码左对齐，如下图所示：

3、第三步，选中“获取”按钮，添加鼠标单击时用例，设置点击按钮时的效果，如下图所示：

4、第四步，添加“设置变量值”，添加变量“data”，默认值为“60s”，如下图所示：

5、第五步，再次添加动作“设置文本”，设置按钮的文本为变量[[data-1]]，如下图所示：

6、第六步，预览该原型界面，点击“获取”按钮，这时“获取”文字变为时间倒计时，如下图所示：