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

 时间:2026-05-06 08:28:24

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

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

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

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

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

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

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

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

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

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

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

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

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

  • C4D使用快捷键对物体的控制和参数设置
  • C4D如何创建树木模型
  • Axure制作文字滚动的动态效果
  • C4D 怎么渲染一个透明的图片
  • 非线性变形器介绍
  • 热门搜索
    栖霞旅游景点大全 西安旅游景点地图 江苏旅游政务网官网 旅游攻略游记 新境界旅游官网 南昌旅游网 广宁竹海大观旅游区 中国禁止韩国旅游 重庆旅游百事通官网 北海旅游地图