1.0.1 • Published 3 years ago
sz-login v1.0.1
sz-login
数政登录组件
下载
npm i sz-login使用方式
import 'sz-login/sz-login.css'
import szLogin from 'sz-login'
Vue.use(szLogin)按需要引入方式
import 'sz-login/sz-login.css'
import { CpLogin } from 'sz-login'
Vue.use(CpLogin)注意: 按需引入登录并没有背景图配置，需要自己去合成
组件参数
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| width | 登录页的宽度 | string/number | - | 100vw |
| height | 登录页的高度 | string/number | - | 100vh |
| backgroundImage | 登录页的背景图 | string | - | 注意不是远程链接地址必须加require方法引入 |
| appid | 钉钉企业id | string | - | - |
| redirectUrl | 钉钉登录重定向地址 | string | - | - |
| codrUrl | 验证码地址地址 | string | - | - |
| mode | 登录模式 | string | ws/cp/ap/ding | ws |
| ddWidth | 二维码宽度 | string/number | - | 391 |
| ddHeight | 二维码高度 | string/number | - | 300 |
登录模式mode
| name | 说明 |
|---|---|
| ws | 表单登录与钉钉扫码登录切换 |
| cp | 表单登录与钉钉扫码登录组合 |
| ap | 表单登录 |
| ding | 钉钉扫码登录 |
事件
| 事件名称 | 说明 |
|---|---|
| login | 点击按钮时触发 |
注：后面会持续迭代，有问题或者添加新功能在评论区留言，及时更新