更新记录

1.1.5（2021-11-02）

发布

1.1.4（2021-11-01）

发布

1.1.3（2021-11-01）

发布

平台兼容性

内部使用，可以下载学习

先感谢 酷酷滴辉 提供的插件，在此基础上加入了加密处理

使用方法

使用了第三方加密库所以导入后需要 npm i crypto-js

// 注 ： 如果是 uni_modules 无需引入 可以直接使用encryption-passkey标签
    <template>
        <view class="content">
            <button @click="openPaw">调用键盘</button>
            <encryption-passkey @change="change" ref="setpasskey" :show="IsOldKeyboard" @finish="TapISoldPwd" :ivHex="ivHex" :keyHex="keyHex" :maxLen="maxLen" :encryptionType="encryptionType" />
        </view>
    </template>

    <script>
        export default {
            data() {
                return {
                    IsOldKeyboard: false,//是否显示自定义键盘
                    maxLen:6,//密码位数
                    encryptionType:1,//加密方式
                    encryptedData:"",
                    keyHex:"", //加密key值 建议16或24个字符
                    ivHex:""//iv向量 8位字符
                }
            },
            onLoad() {

            },
            methods: {
                change(e){
                    //密码变化时返回密码长度用来模拟页面*号显示
                    console.log(e)
                },
                openPaw(){
                    //init初始化
                    this.$refs.setpasskey.init()
                    this.IsOldKeyboard = true
                },
                TapISoldPwd(e){
                    //输入完成后的回调
                    console.log(e)
                    this.encryptedData = e
                    this.IsOldKeyboard = false
                },
            }
        }
    </script>

    <style>

    </style>

属性说明

事件说明