顶象-业务安全引领者,让数字世界无风险
类似与这样的登录之前的验证 滑动一个盒子了 或者是 顺序点击文字了 等
<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
需要注册对应的账号