更新记录

1.0.0（2026-01-25） 下载此版本

1.提交多种验证码组件 2.优化用户体验

平台兼容性

uni-app(3.6.15)

uni-app x(3.6.15)

其他

UniApp 人机验证组件库

一套适用于 UniApp 的多功能人机验证解决方案，包含数学计算验证、字符验证码、普通滑动验证、拼图滑动验证和成语点选验证。

组件列表

1. 数学计算验证 (digitalVerificationCode)

生成简单数学运算（如 12+34=?），用户输入计算结果进行验证。

基础用法

<template>
  <view>
    <digitalVerificationCode ref="digitalVerificationCode"></digitalVerificationCode>
    <input v-model="code1" placeholder="请输入计算的结果" />
    <button @click="verification1">确定</button>
  </view>
</template>

<script>
import digitalVerificationCode from "@/component/digitalVerificationCode.vue"

export default {
  components: { digitalVerificationCode },
  data() {
    return { code1: '' }
  },
  methods: {
    verification1() {
      const flag = this.$refs.digitalVerificationCode.verify(this.code1)
      if(flag) {
        uni.showToast({ title: "验证成功", icon: "success" })
      } else {
        uni.showToast({ title: "验证失败", icon: "error" })
      }
    }
  }
}
</script>