注册表单的实现 - 2020/11/27
实现一个注册表单,包含 两个输入框、一个登录按钮 和 两行文字。输入框分别对应“登录”和“密码”两个输入条目:
- 登录输入框 (20 + 5)
- 起始处显示一个图标:
Icons.supervisor_account
; - 未输入时显示提示文字:
请输入用户名
; - (加分项)当输入内容后,尾部展示一个图标按钮,图标为:
Icons.close
。点击可以清空用户名,并且图标消失。
- 起始处显示一个图标:
- 密码输入框 (30 + 10)
- 起始处显示一个图标:
Icons.lock
; - 未输入时显示提示文字:
请输入密码
: - 尾部显示一个图标按钮,用于控制密码的是否显示为掩码,图标为:
Icons.visibility
/Icons.visibility_off
。 - (加分项)输入不能少于8位,复杂度不低于6(唯一文字超过6个)。
- 起始处显示一个图标:
- 登录按钮显示文字“登录”,颜色为默认主题色。登录按钮点击后,将已填入的用户名和密码显示在两行文字上。 (10)
- 文字格式为
用户名:xxx
,未填写的时候显示用户名:未填写
。用户名以下划线装饰,密码以斜体装饰。 (5) - (加分项)用户名未输入 或 密码输入不符合要求时,登录按钮置灰且无法点击。 (10)
- (加分项)点击登录后,按钮文字变为圆形加载进度条,在三秒后恢复。 (10)