Axure教程：一个通用的app注册-登录页
Axure教程：一个通用的app注册/登录页
今天给大家分享一套APP注册/登录界面模板，其中包括本机登录页面，短信验证登录页面，密码登录页面，人脸登录页面，微博、、QQ、支付宝登录页面，注册页面，用户协议和隐私条款。该原型使用简单，交互完善。喜欢该原型的小伙伴们可以在评论处给我留言哦。
 
  效果图如下：
  挖煤界面
1. 本机号码登录页
  登录首页为本机号码登录页，里面有交互如下：
本机号码一件登录，鼠标单击时，设置动态面板跳转到首页；
其他手机登录：鼠标单击其他手机登录时，设置动态面板跳转到其他手机号登录页面；漂的多音字组词
注册：鼠标单击注册按钮时，和上面其他手机登录一致，登录和注册页面一致，方便客户注册；
账密登录：鼠标单击账密登录时，设置动态面板跳转到账号密码登录页；
败火的食物三方登录：鼠标单击不同图标（支付宝、微博、、QQ），设置动态面板跳转至对应页面。
 
2. 其他手机号码登录页面
  其他手机号码登录页面，也是注册的页面，里面有交互如下：
手机号码输入框获取焦点时，弹出密码键盘，密码键盘制作方式可以参考我之前的文章《axure教程：手机键盘》。
获取短信验证码按钮默认禁用，当验证到手机号无误时，启用，启用后，鼠标单击时设置动态面板跳转至短信验证码页面。
校园安全顺口溜
手机号码判断方式，我们判断国内的手机号码，做了一个简单的验证，第一，输入必须是数字，第二，字符长度为11，第三，首位数是1。
刷脸登录：点击刷脸登录按钮，设置动态面板跳转至，刷脸登录页面。
三方登录：鼠标单击不同图标（支付宝、微博、、QQ），设置动态面板跳转至对应页面。
教师节的诗句账密登录：鼠标单击账密登录时，设置动态面板跳转到账号密码登录页。
返回：鼠标单击返回按钮时，设置动态面板回到之前的页面。
 
 
3. 短信登录页面
  短信登录页面，里面有交互如下：
种子传播的方法  （1）模拟生成短信验证码，利用random函数生成6为随机验证码，具体公式：[[Math.floor(Math.random()*10),1]][[Math.floor(Math.random()*10),1]][[Math.floor(Math.random()*10),1]][[Math.floor(Math.random()*10),1]][[Math.floor(Math.random()*10),1]][[Math.floor(Math.random()*10),1]]

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。