fmode-ng 0.0.205 → 0.0.207
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/user/login/auth.service.mjs +2 -2
- package/esm2022/lib/user/modal-user-login/modal-user-login.component.mjs +3 -3
- package/fesm2022/fmode-ng.mjs +3 -3
- package/fesm2022/fmode-ng.mjs.map +1 -1
- package/lib/aigc/story/fm-story-list/story-preview.d.ts +1 -1
- package/lib/person/edit-upload/edit-upload.component.d.ts +1 -1
- package/package.json +1 -1
package/fesm2022/fmode-ng.mjs
CHANGED
|
@@ -9389,7 +9389,7 @@ class AuthService {
|
|
|
9389
9389
|
}
|
|
9390
9390
|
}
|
|
9391
9391
|
async authWechat() {
|
|
9392
|
-
if (!this.wxjssdk.isWechat || !this.appId)
|
|
9392
|
+
if (!this.wxjssdk.isWechat || !this.appId || Parse$J.User.current()?.id)
|
|
9393
9393
|
return false;
|
|
9394
9394
|
return new Promise((resolve) => {
|
|
9395
9395
|
let cid = this.getCompanyId();
|
|
@@ -19649,13 +19649,13 @@ class ModalUserLoginComponent {
|
|
|
19649
19649
|
return "rgb(" + r + "," + g + "," + b + ")";
|
|
19650
19650
|
}
|
|
19651
19651
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ModalUserLoginComponent, deps: [{ token: AuthService }, { token: i1$2.Router }, { token: i1$2.ActivatedRoute }, { token: i1.HttpClient }, { token: i1$4.ToastController }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19652
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ModalUserLoginComponent, isStandalone: true, selector: "fm-modal-user-login", outputs: { loginSuccess: "loginSuccess" }, host: { listeners: { "document:keydown.escape": "handleEscapeKey($event)" } }, viewQueries: [{ propertyName: "canvasDom", first: true, predicate: ["canvasDom"], descendants: true }, { propertyName: "smsCodeInput", first: true, predicate: ["smsCodeInput"], descendants: true }], ngImport: i0, template: "<!--\u767B\u5F55\u5F39\u51FA\u6846\u8BBE\u7F6E-->\r\n<!--\u80CC\u666F\u7070\u8272\u8499\u7248-->\r\n<div\r\n class=\"popup\"\r\n [style.display]=\"authServ.isModalShow ? 'block' : 'none'\"\r\n (click)=\"close()\"\r\n>\r\n <div class=\"popup-content\" [class.fullscreen]=\"authServ.modalType=='fullscreen'\" [class.sheet]=\"authServ.modalType=='sheet'\"\r\n (click)=\"$event.stopPropagation()\">\r\n <div class=\"popup-box\">\r\n <!--\u5F39\u6846\u5185\u8BBE\u7F6Eposition:absolute,\u89C4\u8303\u6392\u7248\uFF0C\u540E\u7EED\u53EA\u9700position:relative\u589E\u51CF\u5185\u5BB9-->\r\n <div class=\"popup-box-content\">\r\n <div class=\"logo-img-login\">\r\n <img\r\n [src]=\"authServ.logoUrl\"\r\n alt=\"fmode\"\r\n />\r\n </div>\r\n\r\n <!--\u5173\u95ED\u56FE\u6807\u6309\u94AE-->\r\n <div class=\"close-icon-box\">\r\n <div class=\"iconfont icon-shanchu2\" (click)=\"close()\"></div>\r\n </div>\r\n <!--\u6309\u94AE\u5207\u6362\u767B\u5F55\u65B9\u5F0F-->\r\n <div class=\"button-box\" *ngIf=\"authServ?.loginTypeCount>1\">\r\n <div class=\"button-group\">\r\n <button *ngIf=\"authServ?.loginOptions?.userpwd\"\r\n class=\"login-select-button\"\r\n [class.active]=\"authServ.activeButton === '\u8D26\u53F7\u5BC6\u7801'\"\r\n (click)=\"setActiveButton('\u8D26\u53F7\u5BC6\u7801')\"\r\n >\r\n \u8D26\u53F7\u5BC6\u7801\r\n </button>\r\n <button *ngIf=\"authServ?.loginOptions?.mobilecode\"\r\n class=\"login-select-button\"\r\n [class.active]=\"authServ.activeButton === '\u77ED\u4FE1\u9A8C\u8BC1'\"\r\n (click)=\"setActiveButton('\u77ED\u4FE1\u9A8C\u8BC1')\"\r\n >\r\n \u77ED\u4FE1\u9A8C\u8BC1\r\n </button>\r\n <button *ngIf=\"authServ?.loginOptions?.wechat\"\r\n class=\"login-select-button\"\r\n [class.active]=\"authServ.activeButton === '\u5FAE\u4FE1\u626B\u7801'\"\r\n (click)=\"setActiveButton('\u5FAE\u4FE1\u626B\u7801')\"\r\n >\r\n \u5FAE\u4FE1\u626B\u7801\r\n </button>\r\n </div>\r\n </div>\r\n\r\n <!--\u624B\u673A\u9A8C\u8BC1\u7801-->\r\n <form class=\"message-form\" [class.active]=\"authServ.activeButton === '\u77ED\u4FE1\u9A8C\u8BC1'\" *ngIf=\"authServ?.loginOptions?.mobilecode\">\r\n <div class=\"login-input-box\">\r\n <div class=\"popup-input-frontnumber\">+86</div>\r\n <input\r\n class=\"popup-input-itemone\"\r\n type=\"text\"\r\n required=\"required\"\r\n [(ngModel)]=\"loginInfo.mobile\"\r\n [ngModelOptions]=\"{ standalone: true }\"\r\n maxlength=\"12\"\r\n placeholder=\"\u8BF7\u8F93\u5165\u624B\u673A\u53F7\"\r\n />\r\n </div>\r\n <div *ngIf=\"authServ?.enabledLocalCode\"\r\n class=\"login-input-box local-code\" #canvasDom>\r\n <input\r\n class=\"popup-input-itemtwo\"\r\n type=\"text\"\r\n required=\"required\"\r\n [(ngModel)]=\"localCodeNum\"\r\n [ngModelOptions]=\"{ standalone: true }\"\r\n maxlength=\"4\"\r\n placeholder=\"\u8BF7\u8F93\u5165\u6821\u9A8C\u7801\"\r\n />\r\n <!-- <canvas\r\n #canvas\r\n width=\"100\"\r\n height=\"44\"\r\n (click)=\"updateDrawCode()\"\r\n class=\"canvas\"\r\n ></canvas> -->\r\n </div>\r\n <div class=\"login-input-box\">\r\n <input #smsCodeInput\r\n class=\"popup-input-itemtwo\"\r\n type=\"text\"\r\n required=\"required\"\r\n placeholder=\"\u8BF7\u8F93\u5165\u77ED\u4FE1\u9A8C\u8BC1\u7801\"\r\n [(ngModel)]=\"loginInfo.code\"\r\n (change)=\"smsAutoLogin()\"\r\n [ngModelOptions]=\"{ standalone: true }\"\r\n maxlength=\"6\"\r\n />\r\n <button\r\n class=\"checknumber-button\"\r\n type=\"submit\"\r\n [value]=\"buttonText\"\r\n [disabled]=\"isCountingdown\"\r\n (click)=\"startCountdown()\"\r\n [class.active]=\"isCountingdown\"\r\n >\r\n {{buttonText}}\r\n </button>\r\n </div>\r\n\r\n <!-- \u7528\u6237\u534F\u8BAE -->\r\n <div class=\"rule-box\">\r\n <span>\u672A\u6CE8\u518C\u7684\u624B\u673A\u53F7\uFF0C\u5C06\u81EA\u52A8\u521B\u5EFA\u5E10\u53F7\u5E76\u767B\u5F55\u3002</span>\r\n </div>\r\n\r\n <div class=\"login-submit-box\">\r\n <button class=\"login-submit-button\" type=\"submit\" (click)=\"login()\">\r\n \u767B\u5F55\r\n </button>\r\n </div>\r\n </form>\r\n\r\n <!--\u8D26\u53F7\u5BC6\u7801\u767B\u5F55-->\r\n <form class=\"mobile-form\" [class.active]=\"authServ.activeButton === '\u8D26\u53F7\u5BC6\u7801'\" *ngIf=\"authServ?.loginOptions?.userpwd\">\r\n <div class=\"login-input-box\">\r\n <input\r\n maxlength=\"12\"\r\n [(ngModel)]=\"mobile\"\r\n [ngModelOptions]=\"{ standalone: true }\"\r\n class=\"popup-input-itemnomal\"\r\n type=\"text\"\r\n required=\"required\"\r\n placeholder=\"\u8BF7\u8F93\u5165\u624B\u673A\u53F7\"\r\n />\r\n </div>\r\n\r\n <div class=\"login-input-box\">\r\n <input\r\n [(ngModel)]=\"password\"\r\n [ngModelOptions]=\"{ standalone: true }\"\r\n class=\"popup-input-itemnomal\"\r\n type=\"password\"\r\n required=\"required\"\r\n placeholder=\"\u8BF7\u8F93\u5165\u5BC6\u7801\"\r\n />\r\n </div>\r\n\r\n <!-- \u8BB0\u4F4F\u5BC6\u7801 -->\r\n <div class=\"passwprd-box\">\r\n <div class=\"remember-password-box\">\r\n <input type=\"checkbox\" id=\"remember-password\" />\r\n \u8BB0\u4F4F\u5BC6\u7801\r\n </div>\r\n\r\n <!-- \u5FD8\u8BB0\u5BC6\u7801 -->\r\n <div class=\"password-forget\" (click)=\"setActiveButton('\u6CE8\u518C\u5E10\u53F7')\">\r\n \u6CE8\u518C\u5E10\u53F7\r\n </div>\r\n </div>\r\n\r\n <!-- \u7528\u6237\u534F\u8BAE -->\r\n <div class=\"rule-box\">\r\n <span>\r\n <input type=\"checkbox\" [(ngModel)]=\"isUserRuleChecked\" [ngModelOptions]=\"{ standalone: true }\" style=\"margin-right:5px\"/>\r\n <span (click)=\"isUserRuleChecked=true\">\u540C\u610F</span></span>\r\n <span (click)=\"isUserRuleChecked=true\">\u300A\u7528\u6237\u534F\u8BAE\u53CA\u9690\u79C1\u6761\u6B3E\u300B</span>\r\n </div>\r\n\r\n\r\n <!-- \u5FD8\u8BB0\u5BC6\u7801 -->\r\n <!-- <div class=\"password-forget\">\u5FD8\u8BB0\u5BC6\u7801?</div>\r\n </div> -->\r\n\r\n <div class=\"login-submit-box\">\r\n <button\r\n class=\"login-submit-button\"\r\n type=\"submit\"\r\n (click)=\"loginMobilePassword()\"\r\n >\r\n \u767B\u5F55\r\n </button>\r\n </div>\r\n </form>\r\n\r\n <!-- \u5E10\u53F7\u5BC6\u7801\u6CE8\u518C -->\r\n <form class=\"mobile-form\" [class.active]=\"authServ.activeButton === '\u6CE8\u518C\u5E10\u53F7'\">\r\n <div class=\"login-input-box\">\r\n <input\r\n [(ngModel)]=\"mobile\"\r\n [ngModelOptions]=\"{ standalone: true }\"\r\n class=\"popup-input-itemnomal\"\r\n type=\"text\"\r\n required=\"required\"\r\n placeholder=\"\u8BF7\u8F93\u5165\u624B\u673A\u53F7\"\r\n />\r\n </div>\r\n\r\n <div class=\"login-input-box\">\r\n <input\r\n [(ngModel)]=\"password\"\r\n [ngModelOptions]=\"{ standalone: true }\"\r\n class=\"popup-input-itemnomal\"\r\n type=\"password\"\r\n required=\"required\"\r\n placeholder=\"\u8BF7\u8F93\u5165\u5BC6\u7801\"\r\n />\r\n </div>\r\n\r\n <div class=\"login-input-box\">\r\n <input\r\n [(ngModel)]=\"password2\"\r\n [ngModelOptions]=\"{ standalone: true }\"\r\n class=\"popup-input-itemnomal\"\r\n type=\"password\"\r\n required=\"required\"\r\n placeholder=\"\u8BF7\u518D\u6B21\u8F93\u5165\u5BC6\u7801\"\r\n />\r\n </div>\r\n\r\n <div class=\"login-submit-box\">\r\n <button\r\n class=\"login-submit-button\"\r\n type=\"submit\"\r\n (click)=\"signMobilePassword()\"\r\n >\r\n \u6CE8\u518C\r\n </button>\r\n </div>\r\n </form>\r\n\r\n <!--\u5FAE\u4FE1\u626B\u7801\u767B\u9646-->\r\n <form class=\"wechat-form\" [class.active]=\"authServ.activeButton === '\u5FAE\u4FE1\u626B\u7801'\" *ngIf=\"authServ?.loginOptions?.wechat\">\r\n <div class=\"wechat-login-box\">\r\n <img\r\n class=\"login-erweima-img\"\r\n [src]=\"authServ.wechatUrl\"\r\n alt=\"\u5FAE\u4FE1\u626B\u7801\u767B\u9646\u4E8C\u7EF4\u7801\"\r\n />\r\n </div>\r\n <div class=\"wechat-explain\">\u4F7F\u7528\u5FAE\u4FE1\u626B\u4E00\u626B,\u626B\u7801\u767B\u5F55 \"\u98DE\u7801AI\"</div>\r\n </form>\r\n\r\n <!--\u8FD4\u56DE\u9996\u9875-->\r\n <div class=\"back-home-box\" *ngIf=\"authServ.showBackHome\">\r\n <button class=\"back-homepage-button\" (click)=\"goHome()\">\r\n \u8FD4\u56DE\u9996\u9875\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";:host{--fmode-background-primary: #FFF;--login-color-primary: var(--fmode-color-primary,#0199f9);--login-bgcolor-primary: var(--fmode-login-bgcolor-primary,dodgerblue);--login-bgcolor-secondary: var(--fmode-login-bgcolor-secondary,#00dbde);--login-bgcolor-third: var(--fmode-login-bgcolor-third,#f902ff)}:host-context(body.dark) .popup{--login-color-primary: #7974ff;--fmode-background-primary: #000000}:host-context(body.dark) .popup .remember-password-box{color:#fff}.popup{display:flex;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#0006;z-index:1000}@media screen and (max-width: 800px){.popup-content.fullscreen .popup-box{position:fixed!important;left:0!important;top:0!important;height:100vh!important;width:100vw!important;border-radius:0!important}.popup-content.fullscreen .popup-box .popup-box-content{padding-top:35%;border-radius:50px!important}.popup{background:#00000080}.popup-content.sheet{background:transparent!important}.popup-content.sheet .popup-box{position:fixed!important;left:0!important;top:calc(100vh - 480px);height:530px;width:100vw!important;border-radius:50px!important}.popup-content.sheet .popup-box .popup-box-content{border-radius:50px!important}}.popup-content{margin:7% auto;display:flex;width:500px;height:600px;border-radius:50px 5px;background-color:var(--fmode-background-primary)}.popup-content .popup-box{width:500px;height:600px;position:relative;border-radius:50px 5px;background-color:var(--login-bgcolor-primary);overflow:hidden}.popup-content .popup-box .popup-box-content{position:absolute;border-radius:50px 5px;inset:4px;background-color:var(--fmode-background-primary);z-index:1}.popup-content .popup-box .popup-box-content .logo-img-login{margin-top:35px;position:relative;width:100%;display:flex;justify-content:center;z-index:2}.popup-content .popup-box .popup-box-content .logo-img-login img{height:auto;max-width:150px}.popup-content .popup-box .popup-box-content .close-icon-box{position:relative;top:20px;right:20px;float:right;font-size:20px;cursor:pointer;z-index:2}.popup-content .popup-box .popup-box-content .button-box{display:flex;justify-content:center;margin:auto;padding:10px 10%;border-radius:10px}.popup-content .popup-box .popup-box-content .button-box .button-group{position:relative;display:flex;width:100%;line-height:40px;border-radius:10px;background-color:plum;z-index:2}.popup-content .popup-box .popup-box-content .button-box .login-select-button{flex:1;outline:none;border:none;border-radius:10px;font-size:16px;cursor:pointer;color:#fff;background-color:inherit;transition:background-color .3s;padding:1rem 0}.popup-content .popup-box .popup-box-content .button-box .login-select-button:hover{flex:1;outline:none;border:none;border-radius:10px;font-size:16px;cursor:pointer;color:#000;background-color:inherit;transition:background-color .3s}.popup-content .popup-box .popup-box-content .button-box .login-select-button.active{background-color:var(--login-color-primary);border-radius:10px}.popup-content .popup-box .popup-box-content input{color:#000}.popup-content .popup-box .popup-box-content .message-form,.popup-content .popup-box .popup-box-content .mobile-form,.popup-content .popup-box .popup-box-content .wechat-form{display:none}.popup-content .popup-box .popup-box-content .message-form.active,.popup-content .popup-box .popup-box-content .mobile-form.active,.popup-content .popup-box .popup-box-content .wechat-form.active{display:block}.popup-content .popup-box:before{content:\"\";position:absolute;top:-50%;left:-50%;width:500px;height:600px;background:linear-gradient(0deg,transparent,var(--login-bgcolor-third),var(--login-bgcolor-third));transform-origin:bottom right;animation:animate 6s linear infinite}.popup-content .popup-box:after{content:\"\";position:absolute;top:-50%;left:-50%;width:500px;height:600px;background:linear-gradient(0deg,transparent,var(--login-bgcolor-secondary),var(--login-bgcolor-secondary));transform-origin:bottom right;animation:animate 6s linear infinite;animation-delay:-3s}@keyframes animate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.popup-content .login-submit-box{position:relative}.popup-content .login-submit-button{margin-top:15px;padding:6px;width:100%;line-height:40px;border-radius:10px;border:0;position:relative;box-shadow:0 2px 10px #00000029,0 3px 6px #0000001a;text-decoration:none;font-size:18px;font-weight:700;letter-spacing:2px;text-align:center;color:#fff;background-color:var(--login-color-primary);transition:.3s ease all;cursor:pointer;z-index:1}.popup-content .login-submit-button:before{transition:.5s all ease;position:absolute;inset:0 50%;opacity:0;content:\"\";background-color:var(--fmode-background-primary);z-index:-1}.popup-content .login-submit-button:hover{color:var(--login-color-primary)}.popup-content .login-submit-button:hover:before{border-radius:10px;border:3px solid var(--login-color-primary);box-sizing:border-box;transition:.5s all ease;left:0;right:0;opacity:1}.popup-content .login-submit-button:active{transform:scale(.9)}.popup-content .message-form{padding:6px 55px;display:flex;position:relative;border-radius:50px 5px;background-color:var(--fmode-background-primary)}.popup-content .message-form .login-input-box{display:flex;align-items:center;padding-top:10px}.popup-content .message-form .login-input-box .popup-input-frontnumber{padding:6px 12px;position:relative;border-radius:10px 0 0 10px;line-height:40px;font-size:18px;color:#4d4d4d;background-color:#ededed}.popup-content .message-form .popup-input-itemone{padding:6px 12px;position:relative;line-height:40px;border-radius:0 10px 10px 0;border:0;width:93%;outline:none;box-shadow:none;font-size:18px;letter-spacing:.03em;background-color:#ededed;transition:.5s}.popup-content .message-form .popup-input-itemtwo{padding:6px 12px 6px 16px;position:relative;line-height:40px;border-radius:10px;border:0;width:55%;outline:none;box-shadow:none;font-size:18px;letter-spacing:.03em;background-color:#ededed;transition:.5s}.popup-content .message-form .checknumber-button{margin-left:46px;padding:6px;border-radius:10px;line-height:40px;font-size:18px;width:124px;border:none;outline:none;cursor:pointer;color:#fff;background:var(--login-color-primary)}.popup-content .message-form .checknumber-button:hover{margin-left:46px;padding:6px;border-radius:10px;line-height:40px;font-size:18px;width:124px;border:none;outline:none;cursor:pointer;background:#4bace9}.popup-content .message-form .checknumber-button.active{background:#c7c7c7}.popup-content .rule-box{display:flex;padding-top:4px;padding-left:15px;padding-right:10px;justify-content:space-between;font-size:15px}.popup-content .rule-box span,.popup-content .rule-box ion-checkbox{font-size:15px;color:var(--login-color-primary)}.popup-content .mobile-form{padding:6px 55px;display:flex;position:relative;border-radius:50px 5px;background-color:var(--fmode-background-primary)}.popup-content .mobile-form .login-input-box{padding-top:10px}.popup-content .mobile-form .login-input-box .popup-input-itemnomal{margin-top:20px;padding:6px 12px 6px 14px;position:relative;line-height:40px;border-radius:10px;border:0;width:100%;outline:none;box-shadow:none;font-size:18px;letter-spacing:.03em;background-color:#ededed;transition:.5s}.popup-content .mobile-form .passwprd-box{display:flex;padding-top:4px;justify-content:space-between}.popup-content .mobile-form .passwprd-box .remember-password-box{margin:10px 0 0 15px;font-size:15px}.popup-content .mobile-form .passwprd-box .password-forget{margin-top:10px;margin-right:15px;font-size:15px;color:gray;cursor:pointer}.popup-content .mobile-form .passwprd-box .password-forget:hover{margin-top:10px;margin-right:15px;font-size:15px;color:#000;cursor:pointer}.popup-content .wechat-form{padding:6px 55px;display:flex;position:relative;border-radius:50px 5px;background-color:var(--fmode-background-primary)}.popup-content .wechat-form .wechat-login-box{display:flex;justify-content:center}.popup-content .wechat-form .wechat-login-box .login-erweima-img{margin-top:30px;width:210px}.popup-content .wechat-form .wechat-explain{padding-top:20px;font-size:16px;text-align:center}.popup-content .back-home-box{display:flex;justify-content:center;padding:6px 55px}.popup-content .back-homepage-button{margin-top:15px;padding:6px;width:100%;line-height:40px;border-radius:10px;border:0;position:relative;box-shadow:0 2px 10px #00000029,0 3px 6px #0000001a;text-decoration:none;font-size:18px;font-weight:700;letter-spacing:2px;text-align:center;color:#fff;background-color:var(--login-color-primary);transition:.3s ease all;cursor:pointer;x:1}.popup-content .back-homepage-button:before{transition:.5s all ease;position:absolute;inset:0 50%;opacity:0;content:\"\";background-color:var(--fmode-background-primary);z-index:-1}.popup-content .back-homepage-button:hover{color:var(--login-color-primary)}.popup-content .back-homepage-button:hover:before{border-radius:10px;border:3px solid var(--login-color-primary);box-sizing:border-box;transition:.5s all ease;left:0;right:0;opacity:1}.popup-content .local-code{justify-content:space-between}.popup-content .local-code .canvas{border:1px solid #c2def5;border-radius:5px;width:100px;height:44px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: ReactiveFormsModule }] }); }
|
|
19652
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ModalUserLoginComponent, isStandalone: true, selector: "fm-modal-user-login", outputs: { loginSuccess: "loginSuccess" }, host: { listeners: { "document:keydown.escape": "handleEscapeKey($event)" } }, viewQueries: [{ propertyName: "canvasDom", first: true, predicate: ["canvasDom"], descendants: true }, { propertyName: "smsCodeInput", first: true, predicate: ["smsCodeInput"], descendants: true }], ngImport: i0, template: "<!--\u767B\u5F55\u5F39\u51FA\u6846\u8BBE\u7F6E-->\r\n<!--\u80CC\u666F\u7070\u8272\u8499\u7248-->\r\n<div\r\n class=\"popup\"\r\n [style.display]=\"authServ.isModalShow ? 'block' : 'none'\"\r\n (click)=\"close()\"\r\n>\r\n <div class=\"popup-content\" [class.fullscreen]=\"authServ.modalType=='fullscreen'\" [class.sheet]=\"authServ.modalType=='sheet'\"\r\n (click)=\"$event.stopPropagation()\">\r\n <div class=\"popup-box\">\r\n <!--\u5F39\u6846\u5185\u8BBE\u7F6Eposition:absolute,\u89C4\u8303\u6392\u7248\uFF0C\u540E\u7EED\u53EA\u9700position:relative\u589E\u51CF\u5185\u5BB9-->\r\n <div class=\"popup-box-content\">\r\n <div class=\"logo-img-login\">\r\n <img\r\n [src]=\"authServ.logoUrl\"\r\n alt=\"fmode\"\r\n />\r\n </div>\r\n\r\n <!--\u5173\u95ED\u56FE\u6807\u6309\u94AE-->\r\n <div class=\"close-icon-box\">\r\n <div class=\"iconfont icon-shanchu2\" (click)=\"close()\"></div>\r\n </div>\r\n <!--\u6309\u94AE\u5207\u6362\u767B\u5F55\u65B9\u5F0F-->\r\n <div class=\"button-box\" *ngIf=\"authServ?.loginTypeCount>1\">\r\n <div class=\"button-group\">\r\n <button *ngIf=\"authServ?.loginOptions?.userpwd\"\r\n class=\"login-select-button\"\r\n [class.active]=\"authServ.activeButton === '\u8D26\u53F7\u5BC6\u7801'\"\r\n (click)=\"setActiveButton('\u8D26\u53F7\u5BC6\u7801')\"\r\n >\r\n \u8D26\u53F7\u5BC6\u7801\r\n </button>\r\n <button *ngIf=\"authServ?.loginOptions?.mobilecode\"\r\n class=\"login-select-button\"\r\n [class.active]=\"authServ.activeButton === '\u77ED\u4FE1\u9A8C\u8BC1'\"\r\n (click)=\"setActiveButton('\u77ED\u4FE1\u9A8C\u8BC1')\"\r\n >\r\n \u77ED\u4FE1\u9A8C\u8BC1\r\n </button>\r\n <button *ngIf=\"authServ?.loginOptions?.wechat\"\r\n class=\"login-select-button\"\r\n [class.active]=\"authServ.activeButton === '\u5FAE\u4FE1\u626B\u7801'\"\r\n (click)=\"setActiveButton('\u5FAE\u4FE1\u626B\u7801')\"\r\n >\r\n \u5FAE\u4FE1\u626B\u7801\r\n </button>\r\n </div>\r\n </div>\r\n\r\n <!--\u624B\u673A\u9A8C\u8BC1\u7801-->\r\n <form class=\"message-form\" [class.active]=\"authServ.activeButton === '\u77ED\u4FE1\u9A8C\u8BC1'\" *ngIf=\"authServ?.loginOptions?.mobilecode\">\r\n <div class=\"login-input-box\">\r\n <div class=\"popup-input-frontnumber\">+86</div>\r\n <input\r\n class=\"popup-input-itemone\"\r\n type=\"text\"\r\n required=\"required\"\r\n [(ngModel)]=\"loginInfo.mobile\"\r\n [ngModelOptions]=\"{ standalone: true }\"\r\n maxlength=\"12\"\r\n placeholder=\"\u8BF7\u8F93\u5165\u624B\u673A\u53F7\"\r\n />\r\n </div>\r\n <div *ngIf=\"authServ?.enabledLocalCode\"\r\n class=\"login-input-box local-code\" #canvasDom>\r\n <input\r\n class=\"popup-input-itemtwo\"\r\n type=\"text\"\r\n required=\"required\"\r\n [(ngModel)]=\"localCodeNum\"\r\n [ngModelOptions]=\"{ standalone: true }\"\r\n maxlength=\"4\"\r\n placeholder=\"\u8BF7\u8F93\u5165\u6821\u9A8C\u7801\"\r\n />\r\n <!-- <canvas\r\n #canvas\r\n width=\"100\"\r\n height=\"44\"\r\n (click)=\"updateDrawCode()\"\r\n class=\"canvas\"\r\n ></canvas> -->\r\n </div>\r\n <div class=\"login-input-box\">\r\n <input #smsCodeInput\r\n class=\"popup-input-itemtwo\"\r\n type=\"text\"\r\n required=\"required\"\r\n placeholder=\"\u8BF7\u8F93\u5165\u77ED\u4FE1\u9A8C\u8BC1\u7801\"\r\n [(ngModel)]=\"loginInfo.code\"\r\n (change)=\"smsAutoLogin()\"\r\n [ngModelOptions]=\"{ standalone: true }\"\r\n maxlength=\"6\"\r\n />\r\n <button\r\n class=\"checknumber-button\"\r\n type=\"submit\"\r\n [value]=\"buttonText\"\r\n [disabled]=\"isCountingdown\"\r\n (click)=\"startCountdown()\"\r\n [class.active]=\"isCountingdown\"\r\n >\r\n {{buttonText}}\r\n </button>\r\n </div>\r\n\r\n <!-- \u7528\u6237\u534F\u8BAE -->\r\n <div class=\"rule-box\">\r\n <span>\u672A\u6CE8\u518C\u7684\u624B\u673A\u53F7\uFF0C\u5C06\u81EA\u52A8\u521B\u5EFA\u5E10\u53F7\u5E76\u767B\u5F55\u3002</span>\r\n </div>\r\n\r\n <div class=\"login-submit-box\">\r\n <button class=\"login-submit-button\" type=\"submit\" (click)=\"login()\">\r\n \u767B\u5F55\r\n </button>\r\n </div>\r\n </form>\r\n\r\n <!--\u8D26\u53F7\u5BC6\u7801\u767B\u5F55-->\r\n <form class=\"mobile-form\" [class.active]=\"authServ.activeButton === '\u8D26\u53F7\u5BC6\u7801'\" *ngIf=\"authServ?.loginOptions?.userpwd\">\r\n <div class=\"login-input-box\">\r\n <input\r\n maxlength=\"12\"\r\n [(ngModel)]=\"mobile\"\r\n [ngModelOptions]=\"{ standalone: true }\"\r\n class=\"popup-input-itemnomal\"\r\n type=\"text\"\r\n required=\"required\"\r\n placeholder=\"\u8BF7\u8F93\u5165\u624B\u673A\u53F7\"\r\n />\r\n </div>\r\n\r\n <div class=\"login-input-box\">\r\n <input\r\n [(ngModel)]=\"password\"\r\n [ngModelOptions]=\"{ standalone: true }\"\r\n class=\"popup-input-itemnomal\"\r\n type=\"password\"\r\n required=\"required\"\r\n placeholder=\"\u8BF7\u8F93\u5165\u5BC6\u7801\"\r\n />\r\n </div>\r\n\r\n <!-- \u8BB0\u4F4F\u5BC6\u7801 -->\r\n <div class=\"passwprd-box\">\r\n <div class=\"remember-password-box\">\r\n <input type=\"checkbox\" id=\"remember-password\" />\r\n \u8BB0\u4F4F\u5BC6\u7801\r\n </div>\r\n\r\n <!-- \u5FD8\u8BB0\u5BC6\u7801 -->\r\n <div class=\"password-forget\" (click)=\"setActiveButton('\u6CE8\u518C\u5E10\u53F7')\">\r\n \u6CE8\u518C\u5E10\u53F7\r\n </div>\r\n </div>\r\n\r\n <!-- \u7528\u6237\u534F\u8BAE -->\r\n <div class=\"rule-box\">\r\n <span>\r\n <input type=\"checkbox\" [(ngModel)]=\"isUserRuleChecked\" [ngModelOptions]=\"{ standalone: true }\" style=\"margin-right:5px\"/>\r\n <span (click)=\"isUserRuleChecked=true\">\u540C\u610F</span></span>\r\n <span (click)=\"isUserRuleChecked=true\">\u300A\u7528\u6237\u534F\u8BAE\u53CA\u9690\u79C1\u6761\u6B3E\u300B</span>\r\n </div>\r\n\r\n\r\n <!-- \u5FD8\u8BB0\u5BC6\u7801 -->\r\n <!-- <div class=\"password-forget\">\u5FD8\u8BB0\u5BC6\u7801?</div>\r\n </div> -->\r\n\r\n <div class=\"login-submit-box\">\r\n <button\r\n class=\"login-submit-button\"\r\n type=\"submit\"\r\n (click)=\"loginMobilePassword()\"\r\n >\r\n \u767B\u5F55\r\n </button>\r\n </div>\r\n </form>\r\n\r\n <!-- \u5E10\u53F7\u5BC6\u7801\u6CE8\u518C -->\r\n <form class=\"mobile-form\" [class.active]=\"authServ.activeButton === '\u6CE8\u518C\u5E10\u53F7'\">\r\n <div class=\"login-input-box\">\r\n <input\r\n [(ngModel)]=\"mobile\"\r\n [ngModelOptions]=\"{ standalone: true }\"\r\n class=\"popup-input-itemnomal\"\r\n type=\"text\"\r\n required=\"required\"\r\n placeholder=\"\u8BF7\u8F93\u5165\u624B\u673A\u53F7\"\r\n />\r\n </div>\r\n\r\n <div class=\"login-input-box\">\r\n <input\r\n [(ngModel)]=\"password\"\r\n [ngModelOptions]=\"{ standalone: true }\"\r\n class=\"popup-input-itemnomal\"\r\n type=\"password\"\r\n required=\"required\"\r\n placeholder=\"\u8BF7\u8F93\u5165\u5BC6\u7801\"\r\n />\r\n </div>\r\n\r\n <div class=\"login-input-box\">\r\n <input\r\n [(ngModel)]=\"password2\"\r\n [ngModelOptions]=\"{ standalone: true }\"\r\n class=\"popup-input-itemnomal\"\r\n type=\"password\"\r\n required=\"required\"\r\n placeholder=\"\u8BF7\u518D\u6B21\u8F93\u5165\u5BC6\u7801\"\r\n />\r\n </div>\r\n\r\n <div class=\"login-submit-box\">\r\n <button\r\n class=\"login-submit-button\"\r\n type=\"submit\"\r\n (click)=\"signMobilePassword()\"\r\n >\r\n \u6CE8\u518C\r\n </button>\r\n </div>\r\n </form>\r\n\r\n <!--\u5FAE\u4FE1\u626B\u7801\u767B\u9646-->\r\n <form class=\"wechat-form\" [class.active]=\"authServ.activeButton === '\u5FAE\u4FE1\u626B\u7801'\" *ngIf=\"authServ?.loginOptions?.wechat\">\r\n <div class=\"wechat-login-box\">\r\n <img\r\n class=\"login-erweima-img\"\r\n [src]=\"authServ.wechatUrl\"\r\n alt=\"\u5FAE\u4FE1\u626B\u7801\u767B\u9646\u4E8C\u7EF4\u7801\"\r\n />\r\n </div>\r\n <div class=\"wechat-explain\">\u4F7F\u7528\u5FAE\u4FE1\u626B\u4E00\u626B,\u626B\u7801\u767B\u5F55 \"\u98DE\u7801AI\"</div>\r\n </form>\r\n\r\n <!--\u8FD4\u56DE\u9996\u9875-->\r\n <div class=\"back-home-box\" *ngIf=\"authServ.showBackHome\">\r\n <button class=\"back-homepage-button\" (click)=\"goHome()\">\r\n \u8FD4\u56DE\u9996\u9875\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";:host{--fmode-background-primary: #FFF;--login-color-primary: var(--fmode-color-primary,#0199f9);--login-bgcolor-primary: var(--fmode-login-bgcolor-primary,dodgerblue);--login-bgcolor-secondary: var(--fmode-login-bgcolor-secondary,#00dbde);--login-bgcolor-third: var(--fmode-login-bgcolor-third,#f902ff)}:host-context(body.dark) .popup{--login-color-primary: #7974ff;--fmode-background-primary: #000000}:host-context(body.dark) .popup .remember-password-box{color:#fff}.popup{display:flex;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#0006;z-index:1000}@media screen and (max-width: 800px){.popup-content.fullscreen .popup-box{position:fixed!important;left:0!important;top:0!important;height:100vh!important;width:100vw!important;border-radius:0!important}.popup-content.fullscreen .popup-box .popup-box-content{padding-top:35%;border-radius:50px!important}.popup{background:#00000080}.popup-content.sheet{background:transparent!important}.popup-content.sheet .popup-box{position:fixed!important;left:0!important;top:calc(100vh - 480px);height:530px;width:100vw!important;border-radius:50px!important}.popup-content.sheet .popup-box .popup-box-content{border-radius:50px!important}}.popup-content{margin:7% auto;display:flex;width:500px;height:600px;border-radius:50px 5px;background-color:var(--fmode-background-primary)}.popup-content .popup-box{width:500px;height:600px;position:relative;border-radius:50px 5px;background-color:var(--login-bgcolor-primary);overflow:hidden}.popup-content .popup-box .popup-box-content{position:absolute;border-radius:50px 5px;inset:4px;background-color:var(--fmode-background-primary);z-index:1}.popup-content .popup-box .popup-box-content .logo-img-login{margin-top:35px;position:relative;width:100%;display:flex;justify-content:center;z-index:2}.popup-content .popup-box .popup-box-content .logo-img-login img{max-height:60px;max-width:150px}.popup-content .popup-box .popup-box-content .close-icon-box{position:relative;top:20px;right:20px;float:right;font-size:20px;cursor:pointer;z-index:2}.popup-content .popup-box .popup-box-content .button-box{display:flex;justify-content:center;margin:auto;padding:10px 10%;border-radius:10px}.popup-content .popup-box .popup-box-content .button-box .button-group{position:relative;display:flex;width:100%;line-height:40px;border-radius:10px;background-color:plum;z-index:2}.popup-content .popup-box .popup-box-content .button-box .login-select-button{flex:1;outline:none;border:none;border-radius:10px;font-size:16px;cursor:pointer;color:#fff;background-color:inherit;transition:background-color .3s;padding:16px 0}.popup-content .popup-box .popup-box-content .button-box .login-select-button:hover{flex:1;outline:none;border:none;border-radius:10px;font-size:16px;cursor:pointer;color:#000;background-color:inherit;transition:background-color .3s}.popup-content .popup-box .popup-box-content .button-box .login-select-button.active{background-color:var(--login-color-primary);border-radius:10px}.popup-content .popup-box .popup-box-content input{color:#000}.popup-content .popup-box .popup-box-content .message-form,.popup-content .popup-box .popup-box-content .mobile-form,.popup-content .popup-box .popup-box-content .wechat-form{display:none}.popup-content .popup-box .popup-box-content .message-form.active,.popup-content .popup-box .popup-box-content .mobile-form.active,.popup-content .popup-box .popup-box-content .wechat-form.active{display:block}.popup-content .popup-box:before{content:\"\";position:absolute;top:-50%;left:-50%;width:500px;height:600px;background:linear-gradient(0deg,transparent,var(--login-bgcolor-third),var(--login-bgcolor-third));transform-origin:bottom right;animation:animate 6s linear infinite}.popup-content .popup-box:after{content:\"\";position:absolute;top:-50%;left:-50%;width:500px;height:600px;background:linear-gradient(0deg,transparent,var(--login-bgcolor-secondary),var(--login-bgcolor-secondary));transform-origin:bottom right;animation:animate 6s linear infinite;animation-delay:-3s}@keyframes animate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.popup-content .login-submit-box{position:relative}.popup-content .login-submit-button{margin-top:15px;padding:6px;width:100%;line-height:40px;border-radius:10px;border:0;position:relative;box-shadow:0 2px 10px #00000029,0 3px 6px #0000001a;text-decoration:none;font-size:18px;font-weight:700;letter-spacing:2px;text-align:center;color:#fff;background-color:var(--login-color-primary);transition:.3s ease all;cursor:pointer;z-index:1}.popup-content .login-submit-button:before{transition:.5s all ease;position:absolute;inset:0 50%;opacity:0;content:\"\";background-color:var(--fmode-background-primary);z-index:-1}.popup-content .login-submit-button:hover{color:var(--login-color-primary)}.popup-content .login-submit-button:hover:before{border-radius:10px;border:3px solid var(--login-color-primary);box-sizing:border-box;transition:.5s all ease;left:0;right:0;opacity:1}.popup-content .login-submit-button:active{transform:scale(.9)}.popup-content .message-form{padding:6px 55px;display:flex;position:relative;border-radius:50px 5px;background-color:var(--fmode-background-primary)}.popup-content .message-form .login-input-box{display:flex;align-items:center;padding-top:10px}.popup-content .message-form .login-input-box .popup-input-frontnumber{padding:6px 12px;position:relative;border-radius:10px 0 0 10px;line-height:40px;font-size:18px;color:#4d4d4d;background-color:#ededed}.popup-content .message-form .popup-input-itemone{padding:6px 12px;position:relative;line-height:40px;border-radius:0 10px 10px 0;border:0;width:93%;outline:none;box-shadow:none;font-size:18px;letter-spacing:.03em;background-color:#ededed;transition:.5s}.popup-content .message-form .popup-input-itemtwo{padding:6px 12px 6px 16px;position:relative;line-height:40px;border-radius:10px;border:0;width:55%;outline:none;box-shadow:none;font-size:18px;letter-spacing:.03em;background-color:#ededed;transition:.5s}.popup-content .message-form .checknumber-button{margin-left:42px;padding:6px;border-radius:10px;line-height:40px;font-size:16px;width:124px;border:none;outline:none;cursor:pointer;color:#fff;background:var(--login-color-primary)}.popup-content .message-form .checknumber-button:hover{margin-left:46px;padding:6px;border-radius:10px;line-height:40px;font-size:18px;width:124px;border:none;outline:none;cursor:pointer;background:#4bace9}.popup-content .message-form .checknumber-button.active{background:#c7c7c7}.popup-content .rule-box{display:flex;padding-top:4px;padding-left:15px;padding-right:10px;justify-content:space-between;font-size:15px}.popup-content .rule-box span,.popup-content .rule-box ion-checkbox{font-size:15px;color:var(--login-color-primary)}.popup-content .mobile-form{padding:6px 55px;display:flex;position:relative;border-radius:50px 5px;background-color:var(--fmode-background-primary)}.popup-content .mobile-form .login-input-box{padding-top:10px}.popup-content .mobile-form .login-input-box .popup-input-itemnomal{margin-top:20px;padding:6px 12px 6px 14px;position:relative;line-height:40px;border-radius:10px;border:0;width:100%;outline:none;box-shadow:none;font-size:18px;letter-spacing:.03em;background-color:#ededed;transition:.5s}.popup-content .mobile-form .passwprd-box{display:flex;padding-top:4px;justify-content:space-between}.popup-content .mobile-form .passwprd-box .remember-password-box{margin:10px 0 0 15px;font-size:15px}.popup-content .mobile-form .passwprd-box .password-forget{margin-top:10px;margin-right:15px;font-size:15px;color:gray;cursor:pointer}.popup-content .mobile-form .passwprd-box .password-forget:hover{margin-top:10px;margin-right:15px;font-size:15px;color:#000;cursor:pointer}.popup-content .wechat-form{padding:6px 55px;display:flex;position:relative;border-radius:50px 5px;background-color:var(--fmode-background-primary)}.popup-content .wechat-form .wechat-login-box{display:flex;justify-content:center}.popup-content .wechat-form .wechat-login-box .login-erweima-img{margin-top:30px;width:210px}.popup-content .wechat-form .wechat-explain{padding-top:20px;font-size:16px;text-align:center}.popup-content .back-home-box{display:flex;justify-content:center;padding:6px 55px}.popup-content .back-homepage-button{margin-top:15px;padding:6px;width:100%;line-height:40px;border-radius:10px;border:0;position:relative;box-shadow:0 2px 10px #00000029,0 3px 6px #0000001a;text-decoration:none;font-size:18px;font-weight:700;letter-spacing:2px;text-align:center;color:#fff;background-color:var(--login-color-primary);transition:.3s ease all;cursor:pointer;x:1}.popup-content .back-homepage-button:before{transition:.5s all ease;position:absolute;inset:0 50%;opacity:0;content:\"\";background-color:var(--fmode-background-primary);z-index:-1}.popup-content .back-homepage-button:hover{color:var(--login-color-primary)}.popup-content .back-homepage-button:hover:before{border-radius:10px;border:3px solid var(--login-color-primary);box-sizing:border-box;transition:.5s all ease;left:0;right:0;opacity:1}.popup-content .local-code{justify-content:space-between}.popup-content .local-code .canvas{border:1px solid #c2def5;border-radius:5px;width:100px;height:44px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: ReactiveFormsModule }] }); }
|
|
19653
19653
|
}
|
|
19654
19654
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ModalUserLoginComponent, decorators: [{
|
|
19655
19655
|
type: Component,
|
|
19656
19656
|
args: [{ standalone: true, imports: [CommonModule, FormsModule, ReactiveFormsModule,
|
|
19657
19657
|
IonCheckbox
|
|
19658
|
-
], selector: "fm-modal-user-login", template: "<!--\u767B\u5F55\u5F39\u51FA\u6846\u8BBE\u7F6E-->\r\n<!--\u80CC\u666F\u7070\u8272\u8499\u7248-->\r\n<div\r\n class=\"popup\"\r\n [style.display]=\"authServ.isModalShow ? 'block' : 'none'\"\r\n (click)=\"close()\"\r\n>\r\n <div class=\"popup-content\" [class.fullscreen]=\"authServ.modalType=='fullscreen'\" [class.sheet]=\"authServ.modalType=='sheet'\"\r\n (click)=\"$event.stopPropagation()\">\r\n <div class=\"popup-box\">\r\n <!--\u5F39\u6846\u5185\u8BBE\u7F6Eposition:absolute,\u89C4\u8303\u6392\u7248\uFF0C\u540E\u7EED\u53EA\u9700position:relative\u589E\u51CF\u5185\u5BB9-->\r\n <div class=\"popup-box-content\">\r\n <div class=\"logo-img-login\">\r\n <img\r\n [src]=\"authServ.logoUrl\"\r\n alt=\"fmode\"\r\n />\r\n </div>\r\n\r\n <!--\u5173\u95ED\u56FE\u6807\u6309\u94AE-->\r\n <div class=\"close-icon-box\">\r\n <div class=\"iconfont icon-shanchu2\" (click)=\"close()\"></div>\r\n </div>\r\n <!--\u6309\u94AE\u5207\u6362\u767B\u5F55\u65B9\u5F0F-->\r\n <div class=\"button-box\" *ngIf=\"authServ?.loginTypeCount>1\">\r\n <div class=\"button-group\">\r\n <button *ngIf=\"authServ?.loginOptions?.userpwd\"\r\n class=\"login-select-button\"\r\n [class.active]=\"authServ.activeButton === '\u8D26\u53F7\u5BC6\u7801'\"\r\n (click)=\"setActiveButton('\u8D26\u53F7\u5BC6\u7801')\"\r\n >\r\n \u8D26\u53F7\u5BC6\u7801\r\n </button>\r\n <button *ngIf=\"authServ?.loginOptions?.mobilecode\"\r\n class=\"login-select-button\"\r\n [class.active]=\"authServ.activeButton === '\u77ED\u4FE1\u9A8C\u8BC1'\"\r\n (click)=\"setActiveButton('\u77ED\u4FE1\u9A8C\u8BC1')\"\r\n >\r\n \u77ED\u4FE1\u9A8C\u8BC1\r\n </button>\r\n <button *ngIf=\"authServ?.loginOptions?.wechat\"\r\n class=\"login-select-button\"\r\n [class.active]=\"authServ.activeButton === '\u5FAE\u4FE1\u626B\u7801'\"\r\n (click)=\"setActiveButton('\u5FAE\u4FE1\u626B\u7801')\"\r\n >\r\n \u5FAE\u4FE1\u626B\u7801\r\n </button>\r\n </div>\r\n </div>\r\n\r\n <!--\u624B\u673A\u9A8C\u8BC1\u7801-->\r\n <form class=\"message-form\" [class.active]=\"authServ.activeButton === '\u77ED\u4FE1\u9A8C\u8BC1'\" *ngIf=\"authServ?.loginOptions?.mobilecode\">\r\n <div class=\"login-input-box\">\r\n <div class=\"popup-input-frontnumber\">+86</div>\r\n <input\r\n class=\"popup-input-itemone\"\r\n type=\"text\"\r\n required=\"required\"\r\n [(ngModel)]=\"loginInfo.mobile\"\r\n [ngModelOptions]=\"{ standalone: true }\"\r\n maxlength=\"12\"\r\n placeholder=\"\u8BF7\u8F93\u5165\u624B\u673A\u53F7\"\r\n />\r\n </div>\r\n <div *ngIf=\"authServ?.enabledLocalCode\"\r\n class=\"login-input-box local-code\" #canvasDom>\r\n <input\r\n class=\"popup-input-itemtwo\"\r\n type=\"text\"\r\n required=\"required\"\r\n [(ngModel)]=\"localCodeNum\"\r\n [ngModelOptions]=\"{ standalone: true }\"\r\n maxlength=\"4\"\r\n placeholder=\"\u8BF7\u8F93\u5165\u6821\u9A8C\u7801\"\r\n />\r\n <!-- <canvas\r\n #canvas\r\n width=\"100\"\r\n height=\"44\"\r\n (click)=\"updateDrawCode()\"\r\n class=\"canvas\"\r\n ></canvas> -->\r\n </div>\r\n <div class=\"login-input-box\">\r\n <input #smsCodeInput\r\n class=\"popup-input-itemtwo\"\r\n type=\"text\"\r\n required=\"required\"\r\n placeholder=\"\u8BF7\u8F93\u5165\u77ED\u4FE1\u9A8C\u8BC1\u7801\"\r\n [(ngModel)]=\"loginInfo.code\"\r\n (change)=\"smsAutoLogin()\"\r\n [ngModelOptions]=\"{ standalone: true }\"\r\n maxlength=\"6\"\r\n />\r\n <button\r\n class=\"checknumber-button\"\r\n type=\"submit\"\r\n [value]=\"buttonText\"\r\n [disabled]=\"isCountingdown\"\r\n (click)=\"startCountdown()\"\r\n [class.active]=\"isCountingdown\"\r\n >\r\n {{buttonText}}\r\n </button>\r\n </div>\r\n\r\n <!-- \u7528\u6237\u534F\u8BAE -->\r\n <div class=\"rule-box\">\r\n <span>\u672A\u6CE8\u518C\u7684\u624B\u673A\u53F7\uFF0C\u5C06\u81EA\u52A8\u521B\u5EFA\u5E10\u53F7\u5E76\u767B\u5F55\u3002</span>\r\n </div>\r\n\r\n <div class=\"login-submit-box\">\r\n <button class=\"login-submit-button\" type=\"submit\" (click)=\"login()\">\r\n \u767B\u5F55\r\n </button>\r\n </div>\r\n </form>\r\n\r\n <!--\u8D26\u53F7\u5BC6\u7801\u767B\u5F55-->\r\n <form class=\"mobile-form\" [class.active]=\"authServ.activeButton === '\u8D26\u53F7\u5BC6\u7801'\" *ngIf=\"authServ?.loginOptions?.userpwd\">\r\n <div class=\"login-input-box\">\r\n <input\r\n maxlength=\"12\"\r\n [(ngModel)]=\"mobile\"\r\n [ngModelOptions]=\"{ standalone: true }\"\r\n class=\"popup-input-itemnomal\"\r\n type=\"text\"\r\n required=\"required\"\r\n placeholder=\"\u8BF7\u8F93\u5165\u624B\u673A\u53F7\"\r\n />\r\n </div>\r\n\r\n <div class=\"login-input-box\">\r\n <input\r\n [(ngModel)]=\"password\"\r\n [ngModelOptions]=\"{ standalone: true }\"\r\n class=\"popup-input-itemnomal\"\r\n type=\"password\"\r\n required=\"required\"\r\n placeholder=\"\u8BF7\u8F93\u5165\u5BC6\u7801\"\r\n />\r\n </div>\r\n\r\n <!-- \u8BB0\u4F4F\u5BC6\u7801 -->\r\n <div class=\"passwprd-box\">\r\n <div class=\"remember-password-box\">\r\n <input type=\"checkbox\" id=\"remember-password\" />\r\n \u8BB0\u4F4F\u5BC6\u7801\r\n </div>\r\n\r\n <!-- \u5FD8\u8BB0\u5BC6\u7801 -->\r\n <div class=\"password-forget\" (click)=\"setActiveButton('\u6CE8\u518C\u5E10\u53F7')\">\r\n \u6CE8\u518C\u5E10\u53F7\r\n </div>\r\n </div>\r\n\r\n <!-- \u7528\u6237\u534F\u8BAE -->\r\n <div class=\"rule-box\">\r\n <span>\r\n <input type=\"checkbox\" [(ngModel)]=\"isUserRuleChecked\" [ngModelOptions]=\"{ standalone: true }\" style=\"margin-right:5px\"/>\r\n <span (click)=\"isUserRuleChecked=true\">\u540C\u610F</span></span>\r\n <span (click)=\"isUserRuleChecked=true\">\u300A\u7528\u6237\u534F\u8BAE\u53CA\u9690\u79C1\u6761\u6B3E\u300B</span>\r\n </div>\r\n\r\n\r\n <!-- \u5FD8\u8BB0\u5BC6\u7801 -->\r\n <!-- <div class=\"password-forget\">\u5FD8\u8BB0\u5BC6\u7801?</div>\r\n </div> -->\r\n\r\n <div class=\"login-submit-box\">\r\n <button\r\n class=\"login-submit-button\"\r\n type=\"submit\"\r\n (click)=\"loginMobilePassword()\"\r\n >\r\n \u767B\u5F55\r\n </button>\r\n </div>\r\n </form>\r\n\r\n <!-- \u5E10\u53F7\u5BC6\u7801\u6CE8\u518C -->\r\n <form class=\"mobile-form\" [class.active]=\"authServ.activeButton === '\u6CE8\u518C\u5E10\u53F7'\">\r\n <div class=\"login-input-box\">\r\n <input\r\n [(ngModel)]=\"mobile\"\r\n [ngModelOptions]=\"{ standalone: true }\"\r\n class=\"popup-input-itemnomal\"\r\n type=\"text\"\r\n required=\"required\"\r\n placeholder=\"\u8BF7\u8F93\u5165\u624B\u673A\u53F7\"\r\n />\r\n </div>\r\n\r\n <div class=\"login-input-box\">\r\n <input\r\n [(ngModel)]=\"password\"\r\n [ngModelOptions]=\"{ standalone: true }\"\r\n class=\"popup-input-itemnomal\"\r\n type=\"password\"\r\n required=\"required\"\r\n placeholder=\"\u8BF7\u8F93\u5165\u5BC6\u7801\"\r\n />\r\n </div>\r\n\r\n <div class=\"login-input-box\">\r\n <input\r\n [(ngModel)]=\"password2\"\r\n [ngModelOptions]=\"{ standalone: true }\"\r\n class=\"popup-input-itemnomal\"\r\n type=\"password\"\r\n required=\"required\"\r\n placeholder=\"\u8BF7\u518D\u6B21\u8F93\u5165\u5BC6\u7801\"\r\n />\r\n </div>\r\n\r\n <div class=\"login-submit-box\">\r\n <button\r\n class=\"login-submit-button\"\r\n type=\"submit\"\r\n (click)=\"signMobilePassword()\"\r\n >\r\n \u6CE8\u518C\r\n </button>\r\n </div>\r\n </form>\r\n\r\n <!--\u5FAE\u4FE1\u626B\u7801\u767B\u9646-->\r\n <form class=\"wechat-form\" [class.active]=\"authServ.activeButton === '\u5FAE\u4FE1\u626B\u7801'\" *ngIf=\"authServ?.loginOptions?.wechat\">\r\n <div class=\"wechat-login-box\">\r\n <img\r\n class=\"login-erweima-img\"\r\n [src]=\"authServ.wechatUrl\"\r\n alt=\"\u5FAE\u4FE1\u626B\u7801\u767B\u9646\u4E8C\u7EF4\u7801\"\r\n />\r\n </div>\r\n <div class=\"wechat-explain\">\u4F7F\u7528\u5FAE\u4FE1\u626B\u4E00\u626B,\u626B\u7801\u767B\u5F55 \"\u98DE\u7801AI\"</div>\r\n </form>\r\n\r\n <!--\u8FD4\u56DE\u9996\u9875-->\r\n <div class=\"back-home-box\" *ngIf=\"authServ.showBackHome\">\r\n <button class=\"back-homepage-button\" (click)=\"goHome()\">\r\n \u8FD4\u56DE\u9996\u9875\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";:host{--fmode-background-primary: #FFF;--login-color-primary: var(--fmode-color-primary,#0199f9);--login-bgcolor-primary: var(--fmode-login-bgcolor-primary,dodgerblue);--login-bgcolor-secondary: var(--fmode-login-bgcolor-secondary,#00dbde);--login-bgcolor-third: var(--fmode-login-bgcolor-third,#f902ff)}:host-context(body.dark) .popup{--login-color-primary: #7974ff;--fmode-background-primary: #000000}:host-context(body.dark) .popup .remember-password-box{color:#fff}.popup{display:flex;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#0006;z-index:1000}@media screen and (max-width: 800px){.popup-content.fullscreen .popup-box{position:fixed!important;left:0!important;top:0!important;height:100vh!important;width:100vw!important;border-radius:0!important}.popup-content.fullscreen .popup-box .popup-box-content{padding-top:35%;border-radius:50px!important}.popup{background:#00000080}.popup-content.sheet{background:transparent!important}.popup-content.sheet .popup-box{position:fixed!important;left:0!important;top:calc(100vh - 480px);height:530px;width:100vw!important;border-radius:50px!important}.popup-content.sheet .popup-box .popup-box-content{border-radius:50px!important}}.popup-content{margin:7% auto;display:flex;width:500px;height:600px;border-radius:50px 5px;background-color:var(--fmode-background-primary)}.popup-content .popup-box{width:500px;height:600px;position:relative;border-radius:50px 5px;background-color:var(--login-bgcolor-primary);overflow:hidden}.popup-content .popup-box .popup-box-content{position:absolute;border-radius:50px 5px;inset:4px;background-color:var(--fmode-background-primary);z-index:1}.popup-content .popup-box .popup-box-content .logo-img-login{margin-top:35px;position:relative;width:100%;display:flex;justify-content:center;z-index:2}.popup-content .popup-box .popup-box-content .logo-img-login img{height:auto;max-width:150px}.popup-content .popup-box .popup-box-content .close-icon-box{position:relative;top:20px;right:20px;float:right;font-size:20px;cursor:pointer;z-index:2}.popup-content .popup-box .popup-box-content .button-box{display:flex;justify-content:center;margin:auto;padding:10px 10%;border-radius:10px}.popup-content .popup-box .popup-box-content .button-box .button-group{position:relative;display:flex;width:100%;line-height:40px;border-radius:10px;background-color:plum;z-index:2}.popup-content .popup-box .popup-box-content .button-box .login-select-button{flex:1;outline:none;border:none;border-radius:10px;font-size:16px;cursor:pointer;color:#fff;background-color:inherit;transition:background-color .3s;padding:1rem 0}.popup-content .popup-box .popup-box-content .button-box .login-select-button:hover{flex:1;outline:none;border:none;border-radius:10px;font-size:16px;cursor:pointer;color:#000;background-color:inherit;transition:background-color .3s}.popup-content .popup-box .popup-box-content .button-box .login-select-button.active{background-color:var(--login-color-primary);border-radius:10px}.popup-content .popup-box .popup-box-content input{color:#000}.popup-content .popup-box .popup-box-content .message-form,.popup-content .popup-box .popup-box-content .mobile-form,.popup-content .popup-box .popup-box-content .wechat-form{display:none}.popup-content .popup-box .popup-box-content .message-form.active,.popup-content .popup-box .popup-box-content .mobile-form.active,.popup-content .popup-box .popup-box-content .wechat-form.active{display:block}.popup-content .popup-box:before{content:\"\";position:absolute;top:-50%;left:-50%;width:500px;height:600px;background:linear-gradient(0deg,transparent,var(--login-bgcolor-third),var(--login-bgcolor-third));transform-origin:bottom right;animation:animate 6s linear infinite}.popup-content .popup-box:after{content:\"\";position:absolute;top:-50%;left:-50%;width:500px;height:600px;background:linear-gradient(0deg,transparent,var(--login-bgcolor-secondary),var(--login-bgcolor-secondary));transform-origin:bottom right;animation:animate 6s linear infinite;animation-delay:-3s}@keyframes animate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.popup-content .login-submit-box{position:relative}.popup-content .login-submit-button{margin-top:15px;padding:6px;width:100%;line-height:40px;border-radius:10px;border:0;position:relative;box-shadow:0 2px 10px #00000029,0 3px 6px #0000001a;text-decoration:none;font-size:18px;font-weight:700;letter-spacing:2px;text-align:center;color:#fff;background-color:var(--login-color-primary);transition:.3s ease all;cursor:pointer;z-index:1}.popup-content .login-submit-button:before{transition:.5s all ease;position:absolute;inset:0 50%;opacity:0;content:\"\";background-color:var(--fmode-background-primary);z-index:-1}.popup-content .login-submit-button:hover{color:var(--login-color-primary)}.popup-content .login-submit-button:hover:before{border-radius:10px;border:3px solid var(--login-color-primary);box-sizing:border-box;transition:.5s all ease;left:0;right:0;opacity:1}.popup-content .login-submit-button:active{transform:scale(.9)}.popup-content .message-form{padding:6px 55px;display:flex;position:relative;border-radius:50px 5px;background-color:var(--fmode-background-primary)}.popup-content .message-form .login-input-box{display:flex;align-items:center;padding-top:10px}.popup-content .message-form .login-input-box .popup-input-frontnumber{padding:6px 12px;position:relative;border-radius:10px 0 0 10px;line-height:40px;font-size:18px;color:#4d4d4d;background-color:#ededed}.popup-content .message-form .popup-input-itemone{padding:6px 12px;position:relative;line-height:40px;border-radius:0 10px 10px 0;border:0;width:93%;outline:none;box-shadow:none;font-size:18px;letter-spacing:.03em;background-color:#ededed;transition:.5s}.popup-content .message-form .popup-input-itemtwo{padding:6px 12px 6px 16px;position:relative;line-height:40px;border-radius:10px;border:0;width:55%;outline:none;box-shadow:none;font-size:18px;letter-spacing:.03em;background-color:#ededed;transition:.5s}.popup-content .message-form .checknumber-button{margin-left:46px;padding:6px;border-radius:10px;line-height:40px;font-size:18px;width:124px;border:none;outline:none;cursor:pointer;color:#fff;background:var(--login-color-primary)}.popup-content .message-form .checknumber-button:hover{margin-left:46px;padding:6px;border-radius:10px;line-height:40px;font-size:18px;width:124px;border:none;outline:none;cursor:pointer;background:#4bace9}.popup-content .message-form .checknumber-button.active{background:#c7c7c7}.popup-content .rule-box{display:flex;padding-top:4px;padding-left:15px;padding-right:10px;justify-content:space-between;font-size:15px}.popup-content .rule-box span,.popup-content .rule-box ion-checkbox{font-size:15px;color:var(--login-color-primary)}.popup-content .mobile-form{padding:6px 55px;display:flex;position:relative;border-radius:50px 5px;background-color:var(--fmode-background-primary)}.popup-content .mobile-form .login-input-box{padding-top:10px}.popup-content .mobile-form .login-input-box .popup-input-itemnomal{margin-top:20px;padding:6px 12px 6px 14px;position:relative;line-height:40px;border-radius:10px;border:0;width:100%;outline:none;box-shadow:none;font-size:18px;letter-spacing:.03em;background-color:#ededed;transition:.5s}.popup-content .mobile-form .passwprd-box{display:flex;padding-top:4px;justify-content:space-between}.popup-content .mobile-form .passwprd-box .remember-password-box{margin:10px 0 0 15px;font-size:15px}.popup-content .mobile-form .passwprd-box .password-forget{margin-top:10px;margin-right:15px;font-size:15px;color:gray;cursor:pointer}.popup-content .mobile-form .passwprd-box .password-forget:hover{margin-top:10px;margin-right:15px;font-size:15px;color:#000;cursor:pointer}.popup-content .wechat-form{padding:6px 55px;display:flex;position:relative;border-radius:50px 5px;background-color:var(--fmode-background-primary)}.popup-content .wechat-form .wechat-login-box{display:flex;justify-content:center}.popup-content .wechat-form .wechat-login-box .login-erweima-img{margin-top:30px;width:210px}.popup-content .wechat-form .wechat-explain{padding-top:20px;font-size:16px;text-align:center}.popup-content .back-home-box{display:flex;justify-content:center;padding:6px 55px}.popup-content .back-homepage-button{margin-top:15px;padding:6px;width:100%;line-height:40px;border-radius:10px;border:0;position:relative;box-shadow:0 2px 10px #00000029,0 3px 6px #0000001a;text-decoration:none;font-size:18px;font-weight:700;letter-spacing:2px;text-align:center;color:#fff;background-color:var(--login-color-primary);transition:.3s ease all;cursor:pointer;x:1}.popup-content .back-homepage-button:before{transition:.5s all ease;position:absolute;inset:0 50%;opacity:0;content:\"\";background-color:var(--fmode-background-primary);z-index:-1}.popup-content .back-homepage-button:hover{color:var(--login-color-primary)}.popup-content .back-homepage-button:hover:before{border-radius:10px;border:3px solid var(--login-color-primary);box-sizing:border-box;transition:.5s all ease;left:0;right:0;opacity:1}.popup-content .local-code{justify-content:space-between}.popup-content .local-code .canvas{border:1px solid #c2def5;border-radius:5px;width:100px;height:44px}\n"] }]
|
|
19658
|
+
], selector: "fm-modal-user-login", template: "<!--\u767B\u5F55\u5F39\u51FA\u6846\u8BBE\u7F6E-->\r\n<!--\u80CC\u666F\u7070\u8272\u8499\u7248-->\r\n<div\r\n class=\"popup\"\r\n [style.display]=\"authServ.isModalShow ? 'block' : 'none'\"\r\n (click)=\"close()\"\r\n>\r\n <div class=\"popup-content\" [class.fullscreen]=\"authServ.modalType=='fullscreen'\" [class.sheet]=\"authServ.modalType=='sheet'\"\r\n (click)=\"$event.stopPropagation()\">\r\n <div class=\"popup-box\">\r\n <!--\u5F39\u6846\u5185\u8BBE\u7F6Eposition:absolute,\u89C4\u8303\u6392\u7248\uFF0C\u540E\u7EED\u53EA\u9700position:relative\u589E\u51CF\u5185\u5BB9-->\r\n <div class=\"popup-box-content\">\r\n <div class=\"logo-img-login\">\r\n <img\r\n [src]=\"authServ.logoUrl\"\r\n alt=\"fmode\"\r\n />\r\n </div>\r\n\r\n <!--\u5173\u95ED\u56FE\u6807\u6309\u94AE-->\r\n <div class=\"close-icon-box\">\r\n <div class=\"iconfont icon-shanchu2\" (click)=\"close()\"></div>\r\n </div>\r\n <!--\u6309\u94AE\u5207\u6362\u767B\u5F55\u65B9\u5F0F-->\r\n <div class=\"button-box\" *ngIf=\"authServ?.loginTypeCount>1\">\r\n <div class=\"button-group\">\r\n <button *ngIf=\"authServ?.loginOptions?.userpwd\"\r\n class=\"login-select-button\"\r\n [class.active]=\"authServ.activeButton === '\u8D26\u53F7\u5BC6\u7801'\"\r\n (click)=\"setActiveButton('\u8D26\u53F7\u5BC6\u7801')\"\r\n >\r\n \u8D26\u53F7\u5BC6\u7801\r\n </button>\r\n <button *ngIf=\"authServ?.loginOptions?.mobilecode\"\r\n class=\"login-select-button\"\r\n [class.active]=\"authServ.activeButton === '\u77ED\u4FE1\u9A8C\u8BC1'\"\r\n (click)=\"setActiveButton('\u77ED\u4FE1\u9A8C\u8BC1')\"\r\n >\r\n \u77ED\u4FE1\u9A8C\u8BC1\r\n </button>\r\n <button *ngIf=\"authServ?.loginOptions?.wechat\"\r\n class=\"login-select-button\"\r\n [class.active]=\"authServ.activeButton === '\u5FAE\u4FE1\u626B\u7801'\"\r\n (click)=\"setActiveButton('\u5FAE\u4FE1\u626B\u7801')\"\r\n >\r\n \u5FAE\u4FE1\u626B\u7801\r\n </button>\r\n </div>\r\n </div>\r\n\r\n <!--\u624B\u673A\u9A8C\u8BC1\u7801-->\r\n <form class=\"message-form\" [class.active]=\"authServ.activeButton === '\u77ED\u4FE1\u9A8C\u8BC1'\" *ngIf=\"authServ?.loginOptions?.mobilecode\">\r\n <div class=\"login-input-box\">\r\n <div class=\"popup-input-frontnumber\">+86</div>\r\n <input\r\n class=\"popup-input-itemone\"\r\n type=\"text\"\r\n required=\"required\"\r\n [(ngModel)]=\"loginInfo.mobile\"\r\n [ngModelOptions]=\"{ standalone: true }\"\r\n maxlength=\"12\"\r\n placeholder=\"\u8BF7\u8F93\u5165\u624B\u673A\u53F7\"\r\n />\r\n </div>\r\n <div *ngIf=\"authServ?.enabledLocalCode\"\r\n class=\"login-input-box local-code\" #canvasDom>\r\n <input\r\n class=\"popup-input-itemtwo\"\r\n type=\"text\"\r\n required=\"required\"\r\n [(ngModel)]=\"localCodeNum\"\r\n [ngModelOptions]=\"{ standalone: true }\"\r\n maxlength=\"4\"\r\n placeholder=\"\u8BF7\u8F93\u5165\u6821\u9A8C\u7801\"\r\n />\r\n <!-- <canvas\r\n #canvas\r\n width=\"100\"\r\n height=\"44\"\r\n (click)=\"updateDrawCode()\"\r\n class=\"canvas\"\r\n ></canvas> -->\r\n </div>\r\n <div class=\"login-input-box\">\r\n <input #smsCodeInput\r\n class=\"popup-input-itemtwo\"\r\n type=\"text\"\r\n required=\"required\"\r\n placeholder=\"\u8BF7\u8F93\u5165\u77ED\u4FE1\u9A8C\u8BC1\u7801\"\r\n [(ngModel)]=\"loginInfo.code\"\r\n (change)=\"smsAutoLogin()\"\r\n [ngModelOptions]=\"{ standalone: true }\"\r\n maxlength=\"6\"\r\n />\r\n <button\r\n class=\"checknumber-button\"\r\n type=\"submit\"\r\n [value]=\"buttonText\"\r\n [disabled]=\"isCountingdown\"\r\n (click)=\"startCountdown()\"\r\n [class.active]=\"isCountingdown\"\r\n >\r\n {{buttonText}}\r\n </button>\r\n </div>\r\n\r\n <!-- \u7528\u6237\u534F\u8BAE -->\r\n <div class=\"rule-box\">\r\n <span>\u672A\u6CE8\u518C\u7684\u624B\u673A\u53F7\uFF0C\u5C06\u81EA\u52A8\u521B\u5EFA\u5E10\u53F7\u5E76\u767B\u5F55\u3002</span>\r\n </div>\r\n\r\n <div class=\"login-submit-box\">\r\n <button class=\"login-submit-button\" type=\"submit\" (click)=\"login()\">\r\n \u767B\u5F55\r\n </button>\r\n </div>\r\n </form>\r\n\r\n <!--\u8D26\u53F7\u5BC6\u7801\u767B\u5F55-->\r\n <form class=\"mobile-form\" [class.active]=\"authServ.activeButton === '\u8D26\u53F7\u5BC6\u7801'\" *ngIf=\"authServ?.loginOptions?.userpwd\">\r\n <div class=\"login-input-box\">\r\n <input\r\n maxlength=\"12\"\r\n [(ngModel)]=\"mobile\"\r\n [ngModelOptions]=\"{ standalone: true }\"\r\n class=\"popup-input-itemnomal\"\r\n type=\"text\"\r\n required=\"required\"\r\n placeholder=\"\u8BF7\u8F93\u5165\u624B\u673A\u53F7\"\r\n />\r\n </div>\r\n\r\n <div class=\"login-input-box\">\r\n <input\r\n [(ngModel)]=\"password\"\r\n [ngModelOptions]=\"{ standalone: true }\"\r\n class=\"popup-input-itemnomal\"\r\n type=\"password\"\r\n required=\"required\"\r\n placeholder=\"\u8BF7\u8F93\u5165\u5BC6\u7801\"\r\n />\r\n </div>\r\n\r\n <!-- \u8BB0\u4F4F\u5BC6\u7801 -->\r\n <div class=\"passwprd-box\">\r\n <div class=\"remember-password-box\">\r\n <input type=\"checkbox\" id=\"remember-password\" />\r\n \u8BB0\u4F4F\u5BC6\u7801\r\n </div>\r\n\r\n <!-- \u5FD8\u8BB0\u5BC6\u7801 -->\r\n <div class=\"password-forget\" (click)=\"setActiveButton('\u6CE8\u518C\u5E10\u53F7')\">\r\n \u6CE8\u518C\u5E10\u53F7\r\n </div>\r\n </div>\r\n\r\n <!-- \u7528\u6237\u534F\u8BAE -->\r\n <div class=\"rule-box\">\r\n <span>\r\n <input type=\"checkbox\" [(ngModel)]=\"isUserRuleChecked\" [ngModelOptions]=\"{ standalone: true }\" style=\"margin-right:5px\"/>\r\n <span (click)=\"isUserRuleChecked=true\">\u540C\u610F</span></span>\r\n <span (click)=\"isUserRuleChecked=true\">\u300A\u7528\u6237\u534F\u8BAE\u53CA\u9690\u79C1\u6761\u6B3E\u300B</span>\r\n </div>\r\n\r\n\r\n <!-- \u5FD8\u8BB0\u5BC6\u7801 -->\r\n <!-- <div class=\"password-forget\">\u5FD8\u8BB0\u5BC6\u7801?</div>\r\n </div> -->\r\n\r\n <div class=\"login-submit-box\">\r\n <button\r\n class=\"login-submit-button\"\r\n type=\"submit\"\r\n (click)=\"loginMobilePassword()\"\r\n >\r\n \u767B\u5F55\r\n </button>\r\n </div>\r\n </form>\r\n\r\n <!-- \u5E10\u53F7\u5BC6\u7801\u6CE8\u518C -->\r\n <form class=\"mobile-form\" [class.active]=\"authServ.activeButton === '\u6CE8\u518C\u5E10\u53F7'\">\r\n <div class=\"login-input-box\">\r\n <input\r\n [(ngModel)]=\"mobile\"\r\n [ngModelOptions]=\"{ standalone: true }\"\r\n class=\"popup-input-itemnomal\"\r\n type=\"text\"\r\n required=\"required\"\r\n placeholder=\"\u8BF7\u8F93\u5165\u624B\u673A\u53F7\"\r\n />\r\n </div>\r\n\r\n <div class=\"login-input-box\">\r\n <input\r\n [(ngModel)]=\"password\"\r\n [ngModelOptions]=\"{ standalone: true }\"\r\n class=\"popup-input-itemnomal\"\r\n type=\"password\"\r\n required=\"required\"\r\n placeholder=\"\u8BF7\u8F93\u5165\u5BC6\u7801\"\r\n />\r\n </div>\r\n\r\n <div class=\"login-input-box\">\r\n <input\r\n [(ngModel)]=\"password2\"\r\n [ngModelOptions]=\"{ standalone: true }\"\r\n class=\"popup-input-itemnomal\"\r\n type=\"password\"\r\n required=\"required\"\r\n placeholder=\"\u8BF7\u518D\u6B21\u8F93\u5165\u5BC6\u7801\"\r\n />\r\n </div>\r\n\r\n <div class=\"login-submit-box\">\r\n <button\r\n class=\"login-submit-button\"\r\n type=\"submit\"\r\n (click)=\"signMobilePassword()\"\r\n >\r\n \u6CE8\u518C\r\n </button>\r\n </div>\r\n </form>\r\n\r\n <!--\u5FAE\u4FE1\u626B\u7801\u767B\u9646-->\r\n <form class=\"wechat-form\" [class.active]=\"authServ.activeButton === '\u5FAE\u4FE1\u626B\u7801'\" *ngIf=\"authServ?.loginOptions?.wechat\">\r\n <div class=\"wechat-login-box\">\r\n <img\r\n class=\"login-erweima-img\"\r\n [src]=\"authServ.wechatUrl\"\r\n alt=\"\u5FAE\u4FE1\u626B\u7801\u767B\u9646\u4E8C\u7EF4\u7801\"\r\n />\r\n </div>\r\n <div class=\"wechat-explain\">\u4F7F\u7528\u5FAE\u4FE1\u626B\u4E00\u626B,\u626B\u7801\u767B\u5F55 \"\u98DE\u7801AI\"</div>\r\n </form>\r\n\r\n <!--\u8FD4\u56DE\u9996\u9875-->\r\n <div class=\"back-home-box\" *ngIf=\"authServ.showBackHome\">\r\n <button class=\"back-homepage-button\" (click)=\"goHome()\">\r\n \u8FD4\u56DE\u9996\u9875\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";:host{--fmode-background-primary: #FFF;--login-color-primary: var(--fmode-color-primary,#0199f9);--login-bgcolor-primary: var(--fmode-login-bgcolor-primary,dodgerblue);--login-bgcolor-secondary: var(--fmode-login-bgcolor-secondary,#00dbde);--login-bgcolor-third: var(--fmode-login-bgcolor-third,#f902ff)}:host-context(body.dark) .popup{--login-color-primary: #7974ff;--fmode-background-primary: #000000}:host-context(body.dark) .popup .remember-password-box{color:#fff}.popup{display:flex;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#0006;z-index:1000}@media screen and (max-width: 800px){.popup-content.fullscreen .popup-box{position:fixed!important;left:0!important;top:0!important;height:100vh!important;width:100vw!important;border-radius:0!important}.popup-content.fullscreen .popup-box .popup-box-content{padding-top:35%;border-radius:50px!important}.popup{background:#00000080}.popup-content.sheet{background:transparent!important}.popup-content.sheet .popup-box{position:fixed!important;left:0!important;top:calc(100vh - 480px);height:530px;width:100vw!important;border-radius:50px!important}.popup-content.sheet .popup-box .popup-box-content{border-radius:50px!important}}.popup-content{margin:7% auto;display:flex;width:500px;height:600px;border-radius:50px 5px;background-color:var(--fmode-background-primary)}.popup-content .popup-box{width:500px;height:600px;position:relative;border-radius:50px 5px;background-color:var(--login-bgcolor-primary);overflow:hidden}.popup-content .popup-box .popup-box-content{position:absolute;border-radius:50px 5px;inset:4px;background-color:var(--fmode-background-primary);z-index:1}.popup-content .popup-box .popup-box-content .logo-img-login{margin-top:35px;position:relative;width:100%;display:flex;justify-content:center;z-index:2}.popup-content .popup-box .popup-box-content .logo-img-login img{max-height:60px;max-width:150px}.popup-content .popup-box .popup-box-content .close-icon-box{position:relative;top:20px;right:20px;float:right;font-size:20px;cursor:pointer;z-index:2}.popup-content .popup-box .popup-box-content .button-box{display:flex;justify-content:center;margin:auto;padding:10px 10%;border-radius:10px}.popup-content .popup-box .popup-box-content .button-box .button-group{position:relative;display:flex;width:100%;line-height:40px;border-radius:10px;background-color:plum;z-index:2}.popup-content .popup-box .popup-box-content .button-box .login-select-button{flex:1;outline:none;border:none;border-radius:10px;font-size:16px;cursor:pointer;color:#fff;background-color:inherit;transition:background-color .3s;padding:16px 0}.popup-content .popup-box .popup-box-content .button-box .login-select-button:hover{flex:1;outline:none;border:none;border-radius:10px;font-size:16px;cursor:pointer;color:#000;background-color:inherit;transition:background-color .3s}.popup-content .popup-box .popup-box-content .button-box .login-select-button.active{background-color:var(--login-color-primary);border-radius:10px}.popup-content .popup-box .popup-box-content input{color:#000}.popup-content .popup-box .popup-box-content .message-form,.popup-content .popup-box .popup-box-content .mobile-form,.popup-content .popup-box .popup-box-content .wechat-form{display:none}.popup-content .popup-box .popup-box-content .message-form.active,.popup-content .popup-box .popup-box-content .mobile-form.active,.popup-content .popup-box .popup-box-content .wechat-form.active{display:block}.popup-content .popup-box:before{content:\"\";position:absolute;top:-50%;left:-50%;width:500px;height:600px;background:linear-gradient(0deg,transparent,var(--login-bgcolor-third),var(--login-bgcolor-third));transform-origin:bottom right;animation:animate 6s linear infinite}.popup-content .popup-box:after{content:\"\";position:absolute;top:-50%;left:-50%;width:500px;height:600px;background:linear-gradient(0deg,transparent,var(--login-bgcolor-secondary),var(--login-bgcolor-secondary));transform-origin:bottom right;animation:animate 6s linear infinite;animation-delay:-3s}@keyframes animate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.popup-content .login-submit-box{position:relative}.popup-content .login-submit-button{margin-top:15px;padding:6px;width:100%;line-height:40px;border-radius:10px;border:0;position:relative;box-shadow:0 2px 10px #00000029,0 3px 6px #0000001a;text-decoration:none;font-size:18px;font-weight:700;letter-spacing:2px;text-align:center;color:#fff;background-color:var(--login-color-primary);transition:.3s ease all;cursor:pointer;z-index:1}.popup-content .login-submit-button:before{transition:.5s all ease;position:absolute;inset:0 50%;opacity:0;content:\"\";background-color:var(--fmode-background-primary);z-index:-1}.popup-content .login-submit-button:hover{color:var(--login-color-primary)}.popup-content .login-submit-button:hover:before{border-radius:10px;border:3px solid var(--login-color-primary);box-sizing:border-box;transition:.5s all ease;left:0;right:0;opacity:1}.popup-content .login-submit-button:active{transform:scale(.9)}.popup-content .message-form{padding:6px 55px;display:flex;position:relative;border-radius:50px 5px;background-color:var(--fmode-background-primary)}.popup-content .message-form .login-input-box{display:flex;align-items:center;padding-top:10px}.popup-content .message-form .login-input-box .popup-input-frontnumber{padding:6px 12px;position:relative;border-radius:10px 0 0 10px;line-height:40px;font-size:18px;color:#4d4d4d;background-color:#ededed}.popup-content .message-form .popup-input-itemone{padding:6px 12px;position:relative;line-height:40px;border-radius:0 10px 10px 0;border:0;width:93%;outline:none;box-shadow:none;font-size:18px;letter-spacing:.03em;background-color:#ededed;transition:.5s}.popup-content .message-form .popup-input-itemtwo{padding:6px 12px 6px 16px;position:relative;line-height:40px;border-radius:10px;border:0;width:55%;outline:none;box-shadow:none;font-size:18px;letter-spacing:.03em;background-color:#ededed;transition:.5s}.popup-content .message-form .checknumber-button{margin-left:42px;padding:6px;border-radius:10px;line-height:40px;font-size:16px;width:124px;border:none;outline:none;cursor:pointer;color:#fff;background:var(--login-color-primary)}.popup-content .message-form .checknumber-button:hover{margin-left:46px;padding:6px;border-radius:10px;line-height:40px;font-size:18px;width:124px;border:none;outline:none;cursor:pointer;background:#4bace9}.popup-content .message-form .checknumber-button.active{background:#c7c7c7}.popup-content .rule-box{display:flex;padding-top:4px;padding-left:15px;padding-right:10px;justify-content:space-between;font-size:15px}.popup-content .rule-box span,.popup-content .rule-box ion-checkbox{font-size:15px;color:var(--login-color-primary)}.popup-content .mobile-form{padding:6px 55px;display:flex;position:relative;border-radius:50px 5px;background-color:var(--fmode-background-primary)}.popup-content .mobile-form .login-input-box{padding-top:10px}.popup-content .mobile-form .login-input-box .popup-input-itemnomal{margin-top:20px;padding:6px 12px 6px 14px;position:relative;line-height:40px;border-radius:10px;border:0;width:100%;outline:none;box-shadow:none;font-size:18px;letter-spacing:.03em;background-color:#ededed;transition:.5s}.popup-content .mobile-form .passwprd-box{display:flex;padding-top:4px;justify-content:space-between}.popup-content .mobile-form .passwprd-box .remember-password-box{margin:10px 0 0 15px;font-size:15px}.popup-content .mobile-form .passwprd-box .password-forget{margin-top:10px;margin-right:15px;font-size:15px;color:gray;cursor:pointer}.popup-content .mobile-form .passwprd-box .password-forget:hover{margin-top:10px;margin-right:15px;font-size:15px;color:#000;cursor:pointer}.popup-content .wechat-form{padding:6px 55px;display:flex;position:relative;border-radius:50px 5px;background-color:var(--fmode-background-primary)}.popup-content .wechat-form .wechat-login-box{display:flex;justify-content:center}.popup-content .wechat-form .wechat-login-box .login-erweima-img{margin-top:30px;width:210px}.popup-content .wechat-form .wechat-explain{padding-top:20px;font-size:16px;text-align:center}.popup-content .back-home-box{display:flex;justify-content:center;padding:6px 55px}.popup-content .back-homepage-button{margin-top:15px;padding:6px;width:100%;line-height:40px;border-radius:10px;border:0;position:relative;box-shadow:0 2px 10px #00000029,0 3px 6px #0000001a;text-decoration:none;font-size:18px;font-weight:700;letter-spacing:2px;text-align:center;color:#fff;background-color:var(--login-color-primary);transition:.3s ease all;cursor:pointer;x:1}.popup-content .back-homepage-button:before{transition:.5s all ease;position:absolute;inset:0 50%;opacity:0;content:\"\";background-color:var(--fmode-background-primary);z-index:-1}.popup-content .back-homepage-button:hover{color:var(--login-color-primary)}.popup-content .back-homepage-button:hover:before{border-radius:10px;border:3px solid var(--login-color-primary);box-sizing:border-box;transition:.5s all ease;left:0;right:0;opacity:1}.popup-content .local-code{justify-content:space-between}.popup-content .local-code .canvas{border:1px solid #c2def5;border-radius:5px;width:100px;height:44px}\n"] }]
|
|
19659
19659
|
}], ctorParameters: () => [{ type: AuthService }, { type: i1$2.Router }, { type: i1$2.ActivatedRoute }, { type: i1.HttpClient }, { type: i1$4.ToastController }], propDecorators: { canvasDom: [{
|
|
19660
19660
|
type: ViewChild,
|
|
19661
19661
|
args: ["canvasDom"]
|