Files
YG_FT/frontend/dist/assets/LoginView-BnSabjr1.css
wuyongtao 9798b34717 feat: 重构前端 dist 构建产物,更新 Docker 配置及文档
- 重新构建 frontend/dist(新版 hash 替换旧版)
- 更新 docker 前端 Dockerfile 及 docker-compose 配置
- 新增 docs/team-development-plan.md 团队开发计划文档
- 更新 README、系统开发计划等文档
- 更新 LoginView 组件

Co-Authored-By: Claude <noreply@anthropic.com>
2026-07-21 12:36:33 +08:00

2 lines
9.4 KiB
CSS

.el-link{--el-link-font-size:var(--el-font-size-base);--el-link-font-weight:var(--el-font-weight-primary);--el-link-text-color:var(--el-text-color-regular);--el-link-hover-text-color:var(--el-color-primary);--el-link-disabled-text-color:var(--el-text-color-placeholder);vertical-align:middle;cursor:pointer;font-size:var(--el-link-font-size);font-weight:var(--el-link-font-weight);color:var(--el-link-text-color);outline:none;flex-direction:row;justify-content:center;align-items:center;padding:0;text-decoration:none;display:inline-flex;position:relative}.el-link.is-hover-underline:hover:after{content:"";border-bottom:1px solid var(--el-link-hover-text-color);height:0;position:absolute;bottom:0;left:0;right:0}.el-link.is-underline:after{content:"";border-bottom:1px solid var(--el-link-text-color);height:0;position:absolute;bottom:0;left:0;right:0}.el-link:hover{color:var(--el-link-hover-text-color)}.el-link:hover:after{border-color:var(--el-link-hover-text-color)}.el-link [class*=el-icon-]+span{margin-left:5px}.el-link__inner{justify-content:center;align-items:center;display:inline-flex}.el-link.el-link--primary{--el-link-text-color:var(--el-color-primary);--el-link-hover-text-color:var(--el-color-primary-light-3);--el-link-disabled-text-color:var(--el-color-primary-light-5)}.el-link.el-link--success{--el-link-text-color:var(--el-color-success);--el-link-hover-text-color:var(--el-color-success-light-3);--el-link-disabled-text-color:var(--el-color-success-light-5)}.el-link.el-link--warning{--el-link-text-color:var(--el-color-warning);--el-link-hover-text-color:var(--el-color-warning-light-3);--el-link-disabled-text-color:var(--el-color-warning-light-5)}.el-link.el-link--danger{--el-link-text-color:var(--el-color-danger);--el-link-hover-text-color:var(--el-color-danger-light-3);--el-link-disabled-text-color:var(--el-color-danger-light-5)}.el-link.el-link--error{--el-link-text-color:var(--el-color-error);--el-link-hover-text-color:var(--el-color-error-light-3);--el-link-disabled-text-color:var(--el-color-error-light-5)}.el-link.el-link--info{--el-link-text-color:var(--el-color-info);--el-link-hover-text-color:var(--el-color-info-light-3);--el-link-disabled-text-color:var(--el-color-info-light-5)}.el-link.is-disabled{color:var(--el-link-disabled-text-color);cursor:not-allowed}.el-link.is-disabled:after{border-color:var(--el-link-disabled-text-color)}.login-page[data-v-713185bd]{height:100vh;height:100dvh;display:grid;grid-template-columns:minmax(0,58fr) minmax(500px,42fr);overflow:hidden;background:#fcfcfe}.login-visual[data-v-713185bd]{min-height:0;height:100%;position:relative;color:#fff;background-color:#121127;background-image:url(/assets/login-hero-flow-cfjqVyxM.jpg);background-size:cover;background-position:center;overflow:hidden}.login-visual[data-v-713185bd]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(12,12,35,.2),transparent 36%,rgba(12,12,35,.2));pointer-events:none}.login-visual-content[data-v-713185bd]{min-height:0;height:100%;position:relative;z-index:1;display:flex;flex-direction:column;padding:clamp(80px,10vh,132px) clamp(56px,6vw,112px) clamp(56px,7vh,84px)}.login-visual-copy[data-v-713185bd]{max-width:680px;margin-top:clamp(80px,11vh,136px)}.login-visual-copy h1[data-v-713185bd]{margin:0;font-size:clamp(38px,3.8vw,62px);line-height:1.2;letter-spacing:-.035em;font-weight:700;text-wrap:balance}.login-visual-copy p[data-v-713185bd]{margin:22px 0 0;color:#e2e8f0c2;font-size:clamp(17px,1.5vw,24px);line-height:1.6;letter-spacing:.01em}.login-visual-footer[data-v-713185bd]{width:min(100%,640px);margin-top:auto;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:24px;color:#e2e8f0b8;font-size:16px;letter-spacing:.04em}.login-visual-footer span[data-v-713185bd]:nth-child(3),.login-visual-footer span[data-v-713185bd]:nth-child(5){text-align:center}.login-visual-footer span[data-v-713185bd]:nth-child(2n){color:#c7d2fecc}.login-panel[data-v-713185bd]{min-height:0;height:100%;position:relative;display:grid;place-items:center;padding:120px clamp(48px,5vw,88px) 96px;border-left:1px solid #e8eaf1;background:#fcfcfe}.brand-lockup[data-v-713185bd]{position:absolute;top:42px;right:clamp(36px,4vw,64px);display:flex;align-items:center;gap:9px}.brand-logo-crop[data-v-713185bd]{position:relative;display:block;overflow:hidden}.brand-logo-crop img[data-v-713185bd]{position:absolute;left:0;width:100%;max-width:none}.brand-logo-crop-mark[data-v-713185bd]{width:40px;height:38px}.brand-logo-crop-mark img[data-v-713185bd]{top:0}.brand-logo-crop-wordmark[data-v-713185bd]{width:96px;height:25px}.brand-logo-crop-wordmark img[data-v-713185bd]{bottom:0}.login-form-wrap[data-v-713185bd]{width:min(100%,480px)}.login-heading[data-v-713185bd]{margin-bottom:42px}.login-heading>span[data-v-713185bd]{display:block;margin-bottom:24px;color:#4f46e5;font-size:16px;line-height:1;font-weight:600}.login-heading h2[data-v-713185bd]{margin:0;color:#17182c;font-size:clamp(38px,3vw,48px);line-height:1.15;letter-spacing:-.035em;font-weight:700}.login-heading p[data-v-713185bd]{margin:14px 0 0;color:#8a93a6;font-size:16px;line-height:1.6}[data-v-713185bd] .el-form-item{margin-bottom:26px}[data-v-713185bd] .el-form-item__label{height:auto;margin-bottom:10px;padding:0;color:#272a3a;font-size:15px;line-height:1.4;font-weight:600}[data-v-713185bd] .el-input__wrapper{min-height:54px;padding:0 18px;border-radius:8px;background:#fff;box-shadow:0 0 0 1px #cfd4df inset;transition:box-shadow .16s ease,background-color .16s ease}[data-v-713185bd] .el-input__wrapper:hover{box-shadow:0 0 0 1px #aeb6c6 inset}[data-v-713185bd] .el-input__wrapper.is-focus{box-shadow:0 0 0 1px #4f46e5 inset,0 0 0 3px #4f46e51f}[data-v-713185bd] .el-input__inner{font-size:15px;color:#1e293b}[data-v-713185bd] .el-input__inner::placeholder{color:#a4acba}.login-options[data-v-713185bd]{display:flex;align-items:center;justify-content:space-between;margin:-2px 0 30px}.login-options[data-v-713185bd] .el-checkbox__label{color:#556070;font-size:14px}.login-options[data-v-713185bd] .el-link{font-weight:500;color:#4f46e5}.login-options[data-v-713185bd] .el-link:hover{color:#4338ca}.login-btn[data-v-713185bd]{width:100%;height:54px;font-size:16px;font-weight:600;border-radius:8px;border:none;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;box-shadow:0 10px 22px #4f46e52e;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.login-btn[data-v-713185bd]:hover{transform:translateY(-1px);box-shadow:0 14px 26px #4f46e53d;background:linear-gradient(135deg,#4338ca,#4f46e5)}.login-btn[data-v-713185bd]:active{transform:translateY(0);box-shadow:0 6px 14px #4f46e533}.login-panel footer[data-v-713185bd]{position:absolute;right:clamp(36px,4vw,64px);bottom:34px;color:#9aa2b2;font-size:13px}@media(max-width:1440px){.login-page[data-v-713185bd]{grid-template-columns:minmax(0,55fr) minmax(500px,45fr)}.login-visual-content[data-v-713185bd]{padding-inline:clamp(52px,5vw,72px)}.login-visual-copy[data-v-713185bd]{max-width:580px}.login-visual-copy h1[data-v-713185bd]{font-size:clamp(42px,3.6vw,52px)}.login-visual-copy p[data-v-713185bd]{font-size:clamp(16px,1.45vw,20px)}.login-panel[data-v-713185bd]{padding-inline:clamp(44px,4.2vw,64px)}.login-form-wrap[data-v-713185bd]{max-width:440px}}@media(max-width:1180px){.login-page[data-v-713185bd]{grid-template-columns:minmax(0,52fr) minmax(470px,48fr)}.login-visual-content[data-v-713185bd]{padding-inline:48px}.login-visual-copy h1[data-v-713185bd]{font-size:42px}.login-visual-footer[data-v-713185bd]{gap:14px;font-size:14px}}@media(max-height:820px)and (min-width:901px){.login-visual[data-v-713185bd]{background-position:center 54%}.login-visual-content[data-v-713185bd]{padding-top:48px;padding-bottom:38px}.login-visual-copy[data-v-713185bd]{max-width:560px;margin-top:clamp(52px,9vh,72px)}.login-visual-copy h1[data-v-713185bd]{font-size:clamp(38px,3.4vw,46px)}.login-visual-copy p[data-v-713185bd]{margin-top:14px;font-size:clamp(15px,1.35vw,18px)}.login-visual-footer[data-v-713185bd]{gap:14px;font-size:14px}.login-panel[data-v-713185bd]{padding-top:78px;padding-bottom:56px}.brand-lockup[data-v-713185bd]{top:24px}.login-heading[data-v-713185bd]{margin-bottom:26px}.login-heading>span[data-v-713185bd]{margin-bottom:16px;font-size:15px}.login-heading h2[data-v-713185bd]{font-size:38px}.login-heading p[data-v-713185bd]{margin-top:8px;font-size:15px}[data-v-713185bd] .el-form-item{margin-bottom:18px}[data-v-713185bd] .el-form-item__label{margin-bottom:7px;font-size:14px}[data-v-713185bd] .el-input__wrapper{min-height:48px}.login-options[data-v-713185bd]{margin-bottom:20px}.login-btn[data-v-713185bd]{height:50px}.login-panel footer[data-v-713185bd]{bottom:18px}}@media(max-width:900px){.login-page[data-v-713185bd]{display:block;height:auto;min-height:100vh;min-height:100dvh;overflow:auto}.login-visual[data-v-713185bd]{display:none}.login-panel[data-v-713185bd]{height:auto;min-height:100vh;min-height:100dvh;padding:116px 32px 84px;border-left:0}.login-panel footer[data-v-713185bd]{right:50%;transform:translate(50%);white-space:nowrap}}@media(max-width:560px){.login-panel[data-v-713185bd]{display:flex;align-items:center;padding:100px 24px 72px}.brand-lockup[data-v-713185bd]{top:28px;right:24px;transform:scale(.88);transform-origin:top right}.login-heading[data-v-713185bd]{margin-bottom:32px}.login-heading>span[data-v-713185bd]{margin-bottom:18px}.login-heading h2[data-v-713185bd]{font-size:36px}[data-v-713185bd] .el-form-item{margin-bottom:22px}.login-options[data-v-713185bd]{margin-bottom:26px}}