介绍

基于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 | 当开启手机验证码模式后可以使用该参数，改变默认展示登录方式