Login 登录

基本规范
- 登录框具备元素:用户名输入框、密码输入框、验证码输入框、登录、记住用户名、找回密码、注册按钮
- 用户名输入框:placeholder,必填,规则校验,错误提示,一键清除
- 密码输入框:placeholder,必填,规则校验,错误提示,一键清除,大小写切换提示
- 验证码输入框:必填,规则校验,错误提示,一键清除;获取验证码按钮倒计时
- 登录按钮:校验全部字段,处理登录请求
- 记住用户名:可选,记住最近一次登录的用户名,下次进入登录页面无需再输入,失效时间默认30天
- 找回密码,点击跳转找回密码
- 注册按钮:可选,点击跳转注册页面
API
Props
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|---|---|---|---|---|
| title | title 文字 | string | 注册 | - |
| sub-title | 副标题 | string | REGISTER | - |
| register | 立即注册地址 | string|function | - | - |
| forget | 找回密码地址 | string|function | - | - |
| type | 登录类型 | string | all | all|phone|account |
| sms-delay | 倒计时持续时间 | string|number | 60 | - |
| get-sms-code | 获取短信验证码的方法 | function | - | - |
| get-captcha | 获取图形验证码的方法 | string|number | - | - |
Events
| 事件名 | 说明 | 参数 |
|---|---|---|
| login | 表单验证通过以后点击立即登录时触发的事件 | values:LoginValue |
ts
type LoginValue {
phone: string; // 手机号
code: string; // 短信验证码
username: string; // 用户名
password: string; // 密码
captcha?: string; // 图片验证码
remember: boolean; // 记住我
}