vue2 顶象 安全 验证码的使用

顶象-业务安全引领者，让数字世界无风险

类似与这样的登录之前的验证  滑动一个盒子了 或者是 顺序点击文字了 等

<template>
  <a-modal
    :closable="false"
    :visible="show"
    @cancel="handleCancel"
    :maskClosable="true"
    :width="348"
    :footer="null">
    <a-spin :spinning="Loading">
      <div ref="captcha" style="min-height:150px;"></div>
      <remote-js src="https://cdn.dingxiang-inc.com/ctu-group/captcha-ui/index.js"></remote-js>
    </a-spin>
  </a-modal>
</template>
 
<script>
export default {
  props: {
    show: {
      type: Boolean,
      default: false
    }
  },
  data () {
    return {
      Loading: false
    }
  },
  created () {},
  watch: {
    show (newQuestion, oldQuestion) {
      if (newQuestion === true) {
        this.Loading = true
        setTimeout(() => {
          this.Loading = false
          _dx.Captcha(this.$refs.captcha, {
            appId: 'xxxx',
            success: token => {
              this.$emit('success', { token: token })
            }
          })
        }, 1000)
      }
    }
  },
  methods: {
    handleCancel () {
      this.$emit('cancel')
    }
  }
}
</script>

这就是一个cdn 

需要注册对应的账号