• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

Axure RP 8怎么制作验证码倒计时原型?

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

Axure RP 8设计软件设计一个场景下的页面,场景:输入手机号码,点击“获取”按钮,“获取”变为倒计时,将验证码发送到手机号;用户可以将手机上验证码输入到验证码框。下面就是这个实现过程,操作如下:

1、打开Axure RP 8软件,在元件库中找到“矩形3”元件,拖一个到画布中,如下图所示:

2、在元件库找到“label”元件,拖两个“label”元件和两个输入框、一个按钮到画布中,如下图所示:

3、选中“获取”按钮,添加鼠标单击时用例,如下图所示:

4、添加“设置变量值”,添加变量“data”,默认值为“60s”,如下图所示:

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

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

相关推荐:

Axure RP 8中怎么制作复选框?

Axure8怎么制作彩色个性化的按钮?

Axure RP 8怎么制作一幅一年四季变化图?


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap