账号/密码登录页面

时间:2021-11-06 来源:未知网络 作者:996建站网

当输入正确的账号/密码,可成功登录页面,当输入错误或不输入则提示无法登录

如下图:

账号/密码登录页面插图

账号登录

制作方法:

1、登录页面制作

按平时制作页面,先制作好基础登录页面

账号/密码登录页面插图1

登录页面

2、提示动态面板

添加动态面板,设置3个状态,每个状态设置不同的文字提示

账号/密码登录页面插图1

动态面板

账号/密码登录页面插图1

动态面板设置

3、登录按钮做交互

账号/密码登录页面插图1

按钮交互事件

当用户名为空时,设置事件一

账号/密码登录页面插图1

用户名为空

当密码为空时,设置事件二

账号/密码登录页面插图1

密码为空

当用户名/密码不正确-情况1,设置事件三

账号/密码登录页面插图1

当用户名/密码不正确-情况2,设置事件四

账号/密码登录页面插图1

用户名/密码不正确-情况2

当账号/密码正确,设置事件五

账号/密码登录页面插图1

账号/密码登录页面插图2

微信扫一扫 关注公众号

微信扫一扫 使用小程序

百度扫一扫 使用小程序