github/CRMEB
1
0
Fork 0
mirror of https://github.com/crmeb/CRMEB.git synced 2026-10-29 05:50:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

improve: 获取验证码

Browse Source
This commit is contained in:
From-wh 2023-03-18 17:45:30 +08:00
parent fdab9c317c
commit f1f2238662
1 changed files with 40 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

77
template/uni-app/mixins/SendVerifyCode.js
View File

@ -1,37 +1,40 @@
// +----------------------------------------------------------------------
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
// +----------------------------------------------------------------------
// | Copyright (c) 2016~2023 https://www.crmeb.com All rights reserved.
// +----------------------------------------------------------------------
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
// +----------------------------------------------------------------------
// | Author: CRMEB Team <admin@crmeb.com>
// +----------------------------------------------------------------------
export default {
data() {
return {
disabled: false,
text: this.$t('验证码')
};
},
methods: {
sendCode() {
if (this.disabled) return;
this.disabled = true;
let n = 60;
this.text = this.$t('剩余') + n + "s";
const run = setInterval(() => {
n = n - 1;
if (n < 0) {
clearInterval(run);
}
this.text = this.$t('剩余') + n + "s";
if (this.text < this.$t('剩余') + 0 + "s") {
this.disabled = false;
this.text = this.$t('重新获取');
}
}, 1000);
}
}
};
// +----------------------------------------------------------------------
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
// +----------------------------------------------------------------------
// | Copyright (c) 2016~2023 https://www.crmeb.com All rights reserved.
// +----------------------------------------------------------------------
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
// +----------------------------------------------------------------------
// | Author: CRMEB Team <admin@crmeb.com>
// +----------------------------------------------------------------------
export default {
data() {
return {
disabled: false,
text: this.$t('验证码'),
runTime: undefined
};
},
methods: {
sendCode() {
if (this.disabled) return;
this.disabled = true;
let n = 20;
this.text = this.$t('剩余') + n + "s";
this.runTime = setInterval(() => {
n = n - 1;
if (n < 0) {
clearInterval(this.runTime);
this.disabled = false;
this.text = this.$t('重新获取');
return
}
this.text = this.$t('剩余') + n + "s";
}, 1000);
}
},
onHide() {
clearInterval(this.runTime);
}
};