2.0.0 • Published 5 years ago
test-zlp v2.0.0
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!
bling_faker@163.com
if you like it, show me your star, thanks very much!
2.0.0
5 years ago