更新记录

1.0.0（2021-08-13）

密码设置、密码修改、密码校验，密码设置或修改回调，密码可保存到本地或远程，设置主题颜色

平台兼容性

原生插件通用使用流程：

1. 购买插件，选择该插件绑定的项目。
2. 在HBuilderX里找到项目，在manifest的app原生插件配置中勾选模块，如需要填写参数则参考插件作者的文档添加。
3. 根据插件作者的提供的文档开发代码，在代码中引用插件，调用插件功能。
4. 打包自定义基座，选择插件，得到自定义基座，然后运行时选择自定义基座，进行log输出测试。
5. 开发完毕后正式云打包

付费原生插件目前不支持离线打包。
Android 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/android
iOS 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/ios

注意事项：使用HBuilderX2.7.14以下版本，如果同一插件且同一appid下购买并绑定了多个包名，提交云打包界面提示包名绑定不一致时，需要在HBuilderX项目中manifest.json->“App原生插件配置”->”云端插件“列表中删除该插件重新选择

前言

手势密码控件，支持密码设置、密码修改、密码校验

功能

• 支持密码设置、密码修改、密码校验
• 密码设置或修改回调，密码可保存到本地或远程
• 设置主题颜色

wrs-gesturelockview组件

    <wrs-gesturelockview :config="config" :style="'width:'+width+'px;height:'+height+'px;'" @onResult="onResult">
        </wrs-gesturelockview>

属性

config 配置

• type: 类型，取值:pwdSetting(用于首次设置手势密码)、pwdUpdate(用于修改手势密码)、pwdVarify(用于校验手势密码)
• tintColor: 主题颜色，用于搭配app的UI主题设计风格
• varifyPassword: 校验对比的密码，type为pwdUpdate/pwdVarify时用于做校对的密码
• minDotCount: 手势密码最少需要几个点

事件

• @onResult 当type为pwdSetting/pwdUpdate/pwdVarify 密码设置成功、密码修改成功、密钥校验成功时回调 完整代码: pwdSetting.nvue

<template>
    <div>
        <wrs-gesturelockview :config="config" :style="'width:'+width+'px;height:'+height+'px;'" @onResult="onResult">
        </wrs-gesturelockview>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                config: {
                    type: "pwdSetting",
                    tintColor: "#128FEB", // 主题颜色
                    minDotCount: 4 // 至少输入几个点
                }
            }
        },
        onLoad() {
            // 设置播放器宽高，一般宽度铺满全屏，宽高比是16:9
            const {
                windowWidth,
                windowHeight
            } = uni.getSystemInfoSync();
            this.width = windowWidth;
            this.height = windowHeight;
        },
        methods: {
            onResult: function(resp) {
                var str = JSON.stringify(resp.detail);
                console.log("onResult:" + str);
                uni.navigateBack({
                    delta: 1
                });
            }
        }
    }
</script>

<style>
</style>

pwdUpdate.nvue

<template>
    <div>
        <wrs-gesturelockview :config="config" :style="'width:'+width+'px;height:'+height+'px;'" @onResult="onResult"></wrs-gesturelockview>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                config: {
                    type: "pwdUpdate",
                    tintColor: "#128FEB",
                    varifyPassword: "01258",
                    minDotCount: 4 // 至少输入几个点
                }
            }
        },
        onLoad() {
            // 设置播放器宽高，一般宽度铺满全屏，宽高比是16:9
            const {
                windowWidth,
                windowHeight
            } = uni.getSystemInfoSync();
            this.width = windowWidth;
            this.height = windowHeight;
        },
        methods:{
            onResult:function(resp){
                var str = JSON.stringify(resp.detail);
                console.log("onResult:" + str);
                uni.navigateBack({
                    delta: 1
                });
            }
        }
    }
</script>

<style>
</style>

pwdVarify.nvue

<template>
    <div>
        <wrs-gesturelockview :config="config" :style="'width:'+width+'px;height:'+height+'px;'" @onResult="onResult"></wrs-gesturelockview>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                config: {
                    type: "pwdVarify",
                    tintColor: "#128FEB",
                    varifyPassword: "01258",
                    minDotCount: 4 // 至少输入几个点
                }

            }
        },
        onLoad() {
            // 设置播放器宽高，一般宽度铺满全屏，宽高比是16:9
            const {
                windowWidth,
                windowHeight
            } = uni.getSystemInfoSync();
            this.width = windowWidth;
            this.height = windowHeight;
        },
        methods:{
            onResult:function(resp){
                var str = JSON.stringify(resp.detail);
                console.log("onResult:" + str);
                uni.navigateBack({
                    delta: 1
                });
            }
        }
    }
</script>

<style>
</style>

组件文档:https://www.jianshu.com/p/9848f11fb772

如果觉得可以就点个👍吧，欢迎粉丝收藏，土豪打赏，您的关注就是我们创作的动力！