登录组件
基础用法
vue
<ws-login></ws-login>- 使用更加方便，默认使用
ws-login即可，通过名为options的props传递配置项。 - 因为UI登录页面会做成统一，大部分情况下，只需要更改左侧的展示图和背景颜色即可。
- 保留原来的inputStyle，buttonStyle，codeInputStyle用来自定义输入框和按钮的样式，但是建议直接通过自定义class类名去重置默认样式
- 常用配置如下。
options参数
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| loginImg | 左侧图片 | String | - |
| logo | logo图片 | String | - |
| systemName | 系统名称 | String | 默认取main.js中的moduleName |
| fontSize | 系统名称字体大小 | String | 26px |
| color | 系统名称字体颜色 | String | #fff |
| background | 登录页背景颜色 | String | linear-gradient(90deg, #2355c4, #0f99e4) |
Slots
| name | 说明 |
|---|---|
| default | 极少使用（自定义登录页面才可能用到） |
| img | 左侧图片，优先级高于loginImg配置 |
| header | 自定义logo和系统名称 |