更新记录

2022.0513.0001（2022-05-13）

小程序样式不支持 *，调整样式配置

2022.0513.0000（2022-05-13）

初建

平台兼容性

zy-passwordboard

密码键盘/支付密码

兼容说明

仅基于H5进行了开发，未进行全面测试，后续用到再补

属性

事件

样式说明

未使用 scoped, 通过顶层样式名.zy-passwordboard就可以进行调整。

使用案例

<script setup lang="ts">
import { ref } from 'vue';
import ZyPasswordboard from '@/uni_modules/zy-passwordboard/components/zy-passwordboard/zy-passwordboard.vue';
const passwordBoardVisible = ref(false);
const handleItemClick = () => {
    passwordBoardVisible.value = true;
};
const passwordBoardProps = {
    title: '输入支付密码',
    onComplete(value) {
        console.log(value);
    }
};
</script>
<template>
    <button @click="handleItemClick">开</button>
    <ZyPasswordboard v-model:visible="passwordBoardVisible" v-bind="passwordBoardProps" />
</template>

意见反馈

可通过评论留言