2.0.0 • Published 5 years ago

test-zlp v2.0.0

Weekly downloads
1
License
MIT
Repository
-
Last release
5 years ago

vue-pay-pop

<<<<<<< HEAD

A Vue.js Pay Plugin

image

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

NameTypeDefaultDescription
isShowBooleanfalseshow or hide
titleString请输入支付密码pay title
pwdLengthNumber6password length
delhtmlsvgdelete btn
loadingTxtString请稍候...loading text
loadingTimeNumber1000loading time
resultTimeNumber1000invert time
successTxtString支付成功success text
failTxtString支付失败fail text

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

bling_faker@163.com

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