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 | 点击按钮时触发 |

注：后面会持续迭代，有问题或者添加新功能在评论区留言，及时更新