码迷,mamicode.com
首页 > 其他好文 > 详细

axure原型实战-20210314-登录页面制作

时间:2021-03-16 13:19:48      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:设置   src   原型   登录失败   用户输入   tps   创建   inf   编辑   

1 参考地址

https://www.axure.com.cn/223/

2 实战

2.1  先创建需要的元素

技术图片

 

 

 

 

技术图片

 

 技术图片

 

 

 

 

登录失败需要将边框的线给去掉,并且设置隐藏,当点击确认后再显示。

技术图片

 

 

 

 技术图片

 

 

 

技术图片

 

 

 

 

 

2.2  请输入用户,请输入密码,请输入验证码  都需要完成如下逻辑[当获取焦点时,即鼠标点击时,提示文字为空;当失去焦点时,即鼠标移走时,如果用户输入文字则显示用户输入的,如果用户没有输入,则显示提示文字]

 

以请输入用户为例

2.2.1 获取焦点

 

 

 

技术图片技术图片

 

 

 

 

 

 

技术图片

 

 

 技术图片

 

 

 

设置完之后的结果

 

技术图片

 

 

 

 

 

 

 

2.2.2  失去焦点时

 

技术图片

 

 

技术图片

 

 

 

技术图片

 

 

技术图片

 

 

 

技术图片

 

 

 

编辑结果

 

技术图片

 

2.3 点击确认,当用户名,密码,验证码不满足条件时,显示登录失败。

技术图片

 

axure原型实战-20210314-登录页面制作

标签:设置   src   原型   登录失败   用户输入   tps   创建   inf   编辑   

原文地址:https://www.cnblogs.com/S-Mustard/p/14532672.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!