更新记录

1.0.0（2025-03-03） 下载此版本

发布初版

平台兼容性

Code 验证码输入框

组件名: xt-code

安装方式

本组件符合 easycom 规范，HBuilderX 3.1.0 起，只需将本组件导入项目，在页面 template 中即可直接使用，无需在页面中 import 和注册 components

基本用法

<template>
    <view class="xt">
        <xt-code v-model='code' @complete="complete" @confirm="confirm"></xt-code>
        <xt-code type="bottom" @complete="complete" @confirm="confirm"></xt-code>
        <xt-code type="middle" @complete="complete" @confirm="confirm"></xt-code>
    </view>
</template>
<script>
    export default {
        data() {
            return {
                code: '123'
            }
        },
        methods: {
            complete(e) {
                console.log(e);
            },
            confirm(e) {
                console.log(e);
            }
        }
    }
</script>
<style scoped>
    .xt {
        padding: 50rpx;
        display: flex;
        flex-direction: column;
        gap: 50rpx;
    }
</style>

API

Event