Axure RP 8怎么制作验证码倒计时原型?
发布时间：2016-12-30 10:23:27 作者：佚名 
我要评论
我要评论Axure RP 8怎么制作验证码倒计时原型？平时我们填写手机验证码的时候，验证码都是有时效的，该怎么设置一分钟的倒计时时效呢？下面我们就来看看详细的教程，需要的朋友可以参考下
Axure RP 8设计软件设计一个场景下的页面，场景：输入手机号码，点击“获取”按钮，“获取”变为倒计时，将验证码发送到手机号；用户可以将手机上验证码输入到验证码框。下面就是这个实现过程，操作如下：
1、打开Axure RP 8软件，在元件库中找到“矩形3”元件，拖一个到画布中，如下图所示：
2、在元件库找到“label”元件，拖两个“label”元件和两个输入框、一个按钮到画布中，如下图所示：
3、选中“获取”按钮，添加鼠标单击时用例，如下图所示：
4、添加“设置变量值”，添加变量“data”，默认值为“60s”，如下图所示：
5、再次添加动作“设置文本”，设置按钮的文本为变量[[data-1]]，如下图所示：
6、预览该原型界面，点击“获取”按钮，这时“获取”文字变为时间倒计时，如下图所示：
相关推荐：
相关文章
Axure RP 8怎么设置文字提交工功能原型？Axure中经常制作一些网页原型，想要设置一个可以提交文本的功能，该怎么设计呢？下面我们就来看看详细的教程，需要的朋友可以参考2016-12-30
Axure RP 8怎么设计可以完成数学加法计算？Axure设计网页的时候，想要在输入框中输入数据，完成加法计算，该怎么设计呢？下面我们就来看看详细的教程，需要的朋友可以参考2016-12-30
Axure RP 8怎么利用变量控制标题变化？Axure中想要制作一个通过按钮改变二级标题，该怎么设置呢？下面我们就来看看Axure结合变量和元件控制标题变化的教程，需要的朋友可以2016-12-29
Axure RP 8怎么设计图片点赞功能的网页原型？想要给网页添加一个图片点赞的功能，该怎么添加呢？下面我们就来看看使用Axure来完成的教程，需要的朋友可以参考下2016-12-29
Axure RP 8怎么设置一个矩形全局变量？Axure绘制页面原型的时候，想要添加一个矩形的全局变量，该怎么设置呢？下面我们就来看看详细的设置方法，需要的朋友可以参考下2016-12-29
Axure圆角矩形怎么画？Axure绘制网页原型的时候，需要绘制圆角举行，该怎么绘制这个图形呢？下面我们就来看看axure画圆角矩形的教程，需要的朋友可以参考下2016-12-26
Axure RP 8怎么利用占位符设计五角星形状？Axure中设计网页原型的时候，想做一个五角星图形，该怎么做呢？今天我们就来看看使用占位符实现的教程，需要的朋友可以参考下2016-12-15
axure RP 8怎么做图片轮换的效果？axure设计网页原型的时候，想要做一个图片轮播的效果，该怎么做呢？下面我们就来看看详细的教程。需要的朋友可以参考下2016-12-15
axure动态面板怎么设置显示与隐藏？axure设计网页原型的时候，该怎么设置东台面板，怎么设置显示与隐藏呢？下面我们就来看看详细的教程，需要的朋友可以参考下2016-12-14
Axure RP 8怎么设置文本段落的样式？Axure RP 8中文本段落可以设置样式，比如鼠标悬停样式，鼠标按下样式，选中样式等，该怎么设置呢？下面我们就来看看详细的教程，需要的2016-12-13
最新评论