登录功能接入验证码

This commit is contained in:
2026-05-16 12:11:22 +08:00
parent 4c2d41b699
commit e0f6175fed
7 changed files with 203 additions and 50 deletions
+9 -15
View File
@@ -15,9 +15,8 @@ const template = `
</div>
<!-- 底部 -->
<div class="slider-bottom">
<img class="logo" id="tianai-captcha-logo" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAMFBMVEVHcEz3tkX3tkX3tkX3tkX3tkX3tkX3tkX3tkX3tkX3tkX3tkX3tkX3tkX3tkX3tkVmTmjZAAAAD3RSTlMASbTm8wh12hOGoCNiyTV98jvOAAABB0lEQVR42nVT0aIFEQiMorD0/397Lc5a7J0n1UylgIniLRKyDcbBDudZH2DYCAabn3PmTrjeUX+7rJGWx0SqVpzReAfTtKU5fgVCNfxWjB69USUDGwoOiauHpZEpSr0tCx8ILb3Dm3WgBbAlifAJk6+Ww6wqEUmpmIorQVZ1JtqKnDMjkb7AgIpO/wMCaQbuBuEtsBUxhuD9daUaZnApiQB8NAKotMwirGGr6mbXpPnHLHDmy6oy3FgP+1j8IBdVklFc01xUJwv3NR0rIeXV5zpzdlruiijzNq/ufOeKWzZLP3160u5P8RjT1M+HHFtx+PwGyOZqT/D8ROOfjOInTLBIHjy/hvwHxkwPu5cCE1QAAAAASUVORK5CYII=" id="tianai-captcha-logo"></img>
<div class="close-btn" id="tianai-captcha-slider-close-btn"></div>
<div class="refresh-btn" id="tianai-captcha-slider-refresh-btn"></div>
<div class="refresh-btn" id="tianai-captcha-slider-refresh-btn"></div>
<div class="close-btn" id="tianai-captcha-slider-close-btn"></div>
</div>
</div>
`;
@@ -28,7 +27,6 @@ function createCaptchaByType(type, tac) {
case "SLIDER":
return new Slider(box, styleConfig);
case "ROTATE":
case "ROTATE_DEGREE":
return new Rotate(box, styleConfig);
case "CONCAT":
return new Concat(box, styleConfig);
@@ -103,20 +101,12 @@ class TianAiCaptcha {
loadStyle() {
// 设置样式
const bgUrl = this.style.bgUrl;
const logoUrl = this.style.logoUrl;
if (bgUrl) {
// 背景图片
this.config.domBindEl
.find("#tianai-captcha-bg-img")
.css("background-image", "url(" + bgUrl + ")");
}
if (logoUrl && logoUrl !== "") {
// logo
this.config.domBindEl.find("#tianai-captcha-logo").attr("src", logoUrl);
} else if (logoUrl === null) {
// 删除logo
this.config.domBindEl.find("#tianai-captcha-logo").css("display", "none");
}
}
destroyWindow() {
@@ -167,6 +157,12 @@ class TianAiCaptcha {
// 清空
const id = c.currentCaptchaData.currentCaptchaId;
c.currentCaptchaData = undefined;
if (this.config.onDataReady) {
Promise.resolve(this.config.onDataReady({ id, data }, c, this)).catch((error) => {
console.error("[TAC] onDataReady callback failed", error);
});
return;
}
// 调用验证接口
this.config.validCaptcha(id, data, c, this);
});
@@ -180,9 +176,7 @@ class TianAiCaptcha {
this.C.el.css("transform", "translateX(300px)");
setTimeout(() => {
this.C.destroy();
if (callback) {
callback();
}
callback && callback();
}, 500);
} else {
callback();