vue-pay-pop

<<<<<<< HEAD

A Vue.js Pay Plugin

Install

npm install vue-pay-pop -S

How To Use

//main.js
import Vue from 'vue'
import vuePayPop from 'vue-pay-pop'

Vue.use(vuePayPop)

  <!-- app.vue -->
  <template>
    <div id="app">
      <div @click="showPayPop">点击弹出支付框</div>
      <vue-pay-pop ref="pay" :payPopOptions="payPopOptions" ></vue-pay-pop>
    </app>
  </template>

  <script>
    export default {
      name: 'app',
      data () {
        return {
          payPopOptions: {
            isShow: false
          },
        }
      },
      inputDown(val) {
      //模拟检查数据
        setTimeout(() => {
          if (val == '111111') {
            this.$refs.pay.$payStatus(true)
          } else {
            this.$refs.pay.$payStatus(false)
          }
        }, 1000)
      },
      showPayPop() {
        this.payPopOptions.isShow = true;
      }
    }
  </script>

options

Name	Type	Default	Description
isShow	Boolean	false	show or hide
title	String	请输入支付密码	pay title
pwdLength	Number	6	password length
del	html	svg	delete btn
loadingTxt	String	请稍候...	loading text
loadingTime	Number	1000	loading time
resultTime	Number	1000	invert time
successTxt	String	支付成功	success text
failTxt	String	支付失败	fail text

####### if you find some questions, please contact me!

[e-mail]

if you like it, show me your star, thanks very much