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 |
name |
说明 |
ws |
表单登录与钉钉扫码登录切换 |
cp |
表单登录与钉钉扫码登录组合 |
ap |
表单登录 |
ding |
钉钉扫码登录 |
注:后面会持续迭代,有问题或者添加新功能在评论区留言,及时更新