更新记录

0.0.1（2022-02-23） 下载此版本

初次提交 自定义输入框

平台兼容性

uni-app

其他

自定义输入框

预约时间弹窗组件。

使用方式：

在 script 中引用组件

import xskCodeInput from "@/components/xsk-code-input/xsk-code-input";
export default {
    components: {xskCodeInput}
}

基本用法

<xskCodeInput :value.sync="password" @confirm="inputConfirm"></xskCodeInput>

例子

<xskCodeInput 
    :value.sync="password" 
    :width="84"
    :height="84"
    backgroundColor="#EDEDED"
    bold
    showVal
    :length="6"
    @confirm="inputConfirm">
</xskCodeInput>

import xskCodeInput from '@/components/xsk-code-input/xsk-code-input';

export default {
    components: {
        xskCodeInput
    },
    data() {
        return {
            password: '',
        };
    },
    onLoad() {},
    methods: {
        inputConfirm() {
            console.log(this.password)
        },
    }
};

属性说明：

事件说明：