更新记录

2.3（2020-09-09）

增加明文显示，贴合更多用户需求

2.2（2020-09-04）

添加了键盘背景，让支付不再单调，添加了键盘打散功能，满足更多需求，请收藏，持续更新中

1.0.3（2020-08-25）

密码位数自定义文档

平台兼容性

作者说

有项目需要开发的请联系 QQ:371524845 微信：jp99ww

本团队人员配备齐全，定会让君满意而归

开发不易，如果帮助到你的，请支持 有问题请留言，作者会积极更新

使用方法

基础用法

 <template>
     <view class="content">
       <view class="zwyHeightSec but" @tap="toOpen">经典样式一马上去支付</view>
         <jpPwd ref="jpPwds" @completed="completed" @forget="forget" ></jpPwd>
       </view>
 </template>
     import jpPwd from '@/components/jp-pwd/jp-pwd.vue';
     export default {
     components: {  jpPwd  },
     methods: {
     toOpen() {
           this.$refs.jpPwds.toOpen()
        },
     completed(e) {
         if (e == '123456') {
           this.$refs.jpPwds.toCancel()
        } else {
          this.pwd.msg = '密码错误'
          this.$refs.jpPwds.backs()
        }
     },
     forget() {
          console.log('忘记密码')
      }
      }
   }

引入方法

   <jpPwd ref="jpPwds"></jpPwd>
    import jpPwd from '@/components/jp-pwd/jp-pwd.vue';
    components: { jpPwd },

方法介绍 事件

方法

参数说明

说明 用户可以根据payType，keyType，pawType三个值传入的不同选择自己需要的支付样式，样式请自行探索