1.0.1 • Published 12 months 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 | 点击按钮时触发 |
注:后面会持续迭代,有问题或者添加新功能在评论区留言,及时更新