Axure如何制作短信验证倒计时效果

2024-10-14 23:43:16

1、打开Axure,准备一个【短信验证码功能页面】,如图

Axure如何制作短信验证倒计时效果

3、从左侧元件库拖取一个【矩形2】元件到页面,命名【倒计时】,文本颜色为灰色。调整大小位置同【点击发送验证码】一样,然后设为隐藏。如图

Axure如何制作短信验证倒计时效果

5、找到菜单【项目>>全局变量】,添加一个变量【time】,值等于60,如图

Axure如何制作短信验证倒计时效果

7、设置【动态面板】的【状态改变时】事件2为:隐藏倒计时,将变量值设置time=60,设置动态面板为停止循环。如图

Axure如何制作短信验证倒计时效果Axure如何制作短信验证倒计时效果
猜你喜欢