verification_lh v1.0.6

verification_lh

验证码简易滑块组件

Build Setup

# 安装
npm install verification_lh

# 引入
import yylNpmPracticeLh from 'verification_lh'

# 使用规则

<template>
  <div class="home">
    <VerificationLh></VerificationLh>
  </div>
</template>

<script>
import VerificationLh from 'verification_lh'
export default {
  name: 'Home',
  components: {
    VerificationLh
  }
}
</script>

# props 属性可选值

//滑块宽度
sliderWidth: { 
  type: [String],
  default: `300px`
},
// 成功之后的函数
successFun: {
  type: Function
},
//成功图标
successIcon: {
  type: String,
  default: "el-icon-unlock"
},
//成功文字
successText: {
  type: String,
  default: "验证成功"
},
//开始的图标
startIcon: {
  type: String,
  default: "el-icon-lock"
},
//开始的文字
startText: {
  type: String,
  default: "拖动滑块到最右边"
},
//失败之后的函数
errorFun: {
  type: Function
},
//或者用值来进行监听
status: {
  type: String
}

For detailed explanation on how things work, consult the docs for vue-loader.