介绍

基于iview的登录页模板，该模板只会做的表单验证，当表单验证通过后，emit一个回调函数同时返回用户名密码，然后根据用户名密码去做验证

安装

npm i tq-logintemplate
// or
yarn add tq-logintemplate

使用

局部引用

// 使用不同的模板名来实现不同的模板切换
// 模板只会处理有关于模板的逻辑，不进行其他的数据操作
<template>
  <component ref="loginTemplate" :is="componentName" @submit="handleSubmit" />
</template>
<script>
import * as loginTemplate from 'tq-logintemplate'
export default {
  components:{
    ...loginTemplate
  },
  data() {
    return {
      componentName: 'normalLogin'
    }
  }
}
</script>

模板功能

通用参数

选项名	类型	默认值	可选值	备注
submit	events	-	-	当模板提交时触发提交

earthLogin

normalLogin

userCenterLogin

选项名	类型	默认值	可选值	备注
handleOtherLogin	events	-	-	当点击其他登录方式时触发，返回登录方式名
getPhoneCaptcha	events	-	-	当开启手机验证码模式后可以使用该参数，点击获取验证码后的回调参数(回调参数返回用户输入的手机号)
showCaptcha	Boolean	false	true/false	验证码模式
showVerify	Boolean	false	true/false	滑动验证模式
changeLoginType	Boolean	false	true/false	手机验证码模式
links	Array	[]	iview的i-copyright组件中的links
copyright	String	-	iview的i-copyright组件中的copyright
loginType	String	form	form/mobile	当开启手机验证码模式后可以使用该参数，改变默认展示登录方式