Vue Monoplasty Slide Verify

screenshot of Vue Monoplasty Slide Verify
vue

vue slide verify online preview

Overview:

The vue-monoplasty-slide-verify is a Vue plugin designed for slide verification. It offers features such as customizable slider text, image array support, precision settings, and callbacks for success and failure events.

Features:

  • Block Length (l): Number to define the block length.
  • Block Circle Radius (r): Number to set the block circle radius.
  • Canvas Width (w): Number to specify the canvas width.
  • Canvas Height (h): Number to indicate the canvas height.
  • Slide Filled Right Text (sliderText): Text to display when slide verification is successful.
  • Picture Array Support (imgs): Array to provide background images, default is an empty array.
  • Accuracy Setting (accuracy): Number to determine the verification error range.
  • Refresh Button Display (show): Boolean to control the visibility of the refresh button.
  • Callback Functions (callBack):
    • Success: Callback function for a successful verification.
    • Fail: Callback function for a failed verification.
    • Refresh: Callback function triggered after clicking the refresh button.
    • Again: Callback function for detecting non-human slide operations.
    • Fulfilled: Callback function after a successful refresh.
vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

webpack
Webpack

Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.