Skip to content

NsCaptchaMaze 迷宫验证码

这是一个“验活”用的整蛊验证码:机器只需要点一下,你需要把手抖着走完迷宫,才算通过。

🤖 为什么选择它?

传统验证码只要点一下,太便宜了。本组件引入生物运动学验证,强迫用户证明“我真的是个抖得动鼠标的人类”:

  • 墙是裁判:碰壁即判负,没有弹窗赦免。
  • 微颤识别:迷宫不动,你的手在动,晃多了就出局。
  • 难度可调:从“简单”到“绝望”,给同事留面子或留阴影。

🎮 演示

简单模式 (Easy)

直来直去,如果你连这个都过不了...

人机验证

NS-CAPTCHA v0.0.1

🤖
System Standby

困难模式 (Hard)

这里有个弯,小心翻车。

人机验证

NS-CAPTCHA v0.0.1

🤖
System Standby

绝望模式 (Impossible)

理论上存在通路的...大概?

人机验证

NS-CAPTCHA v0.0.1

🤖
System Standby

📚 使用方法

vue
<template>
  <NsCaptchaMaze 
    difficulty="hard" 
    :wallSensitivity="6"
    @success="handleSuccess" 
    @fail="handleFail" 
  />
</template>

属性 (Props)

属性名类型默认值说明
difficulty'easy' | 'hard' | 'impossible''hard'难度级别。impossible 模式下出口会被隐形墙挡住。
wallSensitivitynumber6墙壁判定宽度(像素),值越大越容易“碰壁”。

事件 (Events)

事件名说明
success当用户奇迹般地到达终点时触发。
fail当用户(大概率)碰到墙壁时触发。

Built with VitePress