更新记录

1.0.6（2023-06-14）

增加预览二维码

1.0.5（2023-04-14）

增加示例

1.0.4（2023-03-24）

优化功能

平台兼容性

liu-keyboard-password适用于uni-app项目的随机数字密码键盘，支付密码键盘，银行键盘，安全键盘，自带密码框,自带动画效果

本组件目前兼容微信小程序、H5

本组件常用于随机数字密码键盘，支付密码键盘，银行键盘，安全键盘自带密码框

--- 扫码预览、关注我们 ---

扫码关注公众号，查看更多插件信息，预览插件效果！

使用示例

<template>
    <view class="page-main">
        <view @click="openPw" class="btn">打开密码键盘{{payPwd}}</view>
        <liu-keyboard-password ref="popupPass" isPwInput @change="getPayPwd"
            :change.sync='payPwd'></liu-keyboard-password>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                payPwd: ''
            }
        },
        methods: {
            //打开密码
            openPw() {
                this.$refs.popupPass.open()
            },
            //拿到的密码
            getPayPwd(e) {
                console.log('你输入的密码是', e)
            }
        }
    }
</script>

<style lang="scss">
    .page-main {
        height: auto;

        .btn {
            width: 686rpx;
            height: 88rpx;
            background: #2182FE;
            border-radius: 8rpx;
            margin: 0 auto;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 30rpx;
            color: #FFFFFF;
            margin-top: 20rpx;
        }
    }
</style>

属性说明