更新记录

1.0.0（2022-12-22）

<template>
    <view style="padding: 20px 10%;">

        <view>
            <view>
                你好，请支付100个金币解锁模拟题解析！
            </view>
            <view style="padding: 20px;" @click="pluginShowing = true">

                <!-- 密码支付组件 -->
                <rudon-payWithPassword
                    :pwdLength="6" 
                    :amount="100" 
                    titleWindow="请输入支付密码" 
                    titleAmount="支付金币解锁模拟题解析" 
                    desc="支付一次，永久有效"
                    descColor="#FB7B00"
                    :needLog="true"
                    :plaintext="false"
                    @whenReady="whenPwdReady"
                >
                    <!-- 自定义唤醒按钮， -->
                    <view>
                        <button>支付</button>
                    </view>
                </rudon-payWithPassword>

            </view>
        </view>

    </view>
</template>

<script>
    export default {
        data() {
            return {

            }
        },

        methods: {

            // 密码支付 - 当密码填满时回调的函数
            whenPwdReady (e) {
                console.log('【密码填满】', JSON.stringify(e))
                console.log('发送支付密码、金额等数据到后台...')
                console.log('业务结果提示...')
                console.log('页面跳转')

                setTimeout(()=>{
                    uni.showToast({
                        icon:'none',
                        title:'支付密码无效'
                    })
                }, 500)
            }

            // METHODS结束
        }
    }
</script>

<style>

</style>

平台兼容性

rudon-payWithPassword