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" @inputDown="inputDown"></vue-pay-pop>
    </div>
  </template>

  <script>
    export default {
      name: 'app',
      data () {
        return {
          payPopOptions: {
            isShow: false
          },
        }
      },
      methods: {
        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!

[email protected]

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