From c0b4742966a2098514505681573af75d90ce22b3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9D=8E=E5=BF=97=E9=B9=8F?= <2916022834@qq.com> Date: Mon, 11 May 2026 10:51:00 +0800 Subject: [PATCH] 11 --- src/views/login/css/style.css | 49 +++++++++++++++++++++++++---- src/views/login/less/style.less | 56 +++++++++++++++++++++++++++------ 2 files changed, 89 insertions(+), 16 deletions(-) diff --git a/src/views/login/css/style.css b/src/views/login/css/style.css index ffb085f..198a922 100644 --- a/src/views/login/css/style.css +++ b/src/views/login/css/style.css @@ -35,6 +35,7 @@ .register:deep(.el-form) .el-input, .login:deep(.el-form) .el-input { --el-input-height: 3.4rem; + --el-input-inner-height: auto; --el-input-border-radius: 0; --el-input-text-color: #232323; --el-border-color: #C4C4C4; @@ -45,6 +46,11 @@ .login:deep(.el-form) .el-input::placeholder { color: #9F9F9F; } +.retrieve-password:deep(.el-form) .el-input .el-input__wrapper, +.register:deep(.el-form) .el-input .el-input__wrapper, +.login:deep(.el-form) .el-input .el-input__wrapper { + padding: 0.1rem 1rem; +} .retrieve-password:deep(.el-form) .password-tip, .register:deep(.el-form) .password-tip, .login:deep(.el-form) .password-tip { @@ -108,16 +114,47 @@ margin-top: -0.6rem; --el-checkbox-height: auto; } -.retrieve-password:deep(.el-form) .privacy .el-checkbox__label, -.register:deep(.el-form) .privacy .el-checkbox__label, -.login:deep(.el-form) .privacy .el-checkbox__label { +.retrieve-password:deep(.el-form) .privacy .el-checkbox, +.register:deep(.el-form) .privacy .el-checkbox, +.login:deep(.el-form) .privacy .el-checkbox { + margin-right: 0; + height: auto; + --el-checkbox-font-size: 1.4rem; + --el-checkbox-input-width: 1.4rem; + --el-checkbox-input-height: 1.4rem; + --el-checkbox-checked-bg-color: #000; + --el-checkbox-checked-input-border-color: #000; + --el-checkbox-input-border: 0.1rem solid #c4c4c4; + --el-checkbox-bg-color: #fff; + --el-checkbox-border-radius: 0; +} +.retrieve-password:deep(.el-form) .privacy .el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner:before, +.register:deep(.el-form) .privacy .el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner:before, +.login:deep(.el-form) .privacy .el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner:before { + height: 0.2rem; + width: 65%; + top: 50%; + left: 50%; + transform: scale(1) translate(-50%, -50%); + border-radius: 0.1rem; +} +.retrieve-password:deep(.el-form) .privacy .el-checkbox .el-checkbox__inner:after, +.register:deep(.el-form) .privacy .el-checkbox .el-checkbox__inner:after, +.login:deep(.el-form) .privacy .el-checkbox .el-checkbox__inner:after { + width: 0.4rem; + height: 0.8rem; + border-width: 0.1rem; +} +.retrieve-password:deep(.el-form) .privacy .el-checkbox .el-checkbox__label, +.register:deep(.el-form) .privacy .el-checkbox .el-checkbox__label, +.login:deep(.el-form) .privacy .el-checkbox .el-checkbox__label { font-size: 1.1rem; color: #666666; font-family: KaiseiOpti-Regular; } -.retrieve-password:deep(.el-form) .privacy .el-checkbox__label > div > span, -.register:deep(.el-form) .privacy .el-checkbox__label > div > span, -.login:deep(.el-form) .privacy .el-checkbox__label > div > span { +.retrieve-password:deep(.el-form) .privacy .el-checkbox .el-checkbox__label > div > span, +.register:deep(.el-form) .privacy .el-checkbox .el-checkbox__label > div > span, +.login:deep(.el-form) .privacy .el-checkbox .el-checkbox__label > div > span { font-family: KaiseiOpti-Bold; text-decoration: underline; cursor: pointer; diff --git a/src/views/login/less/style.less b/src/views/login/less/style.less index a423d11..d139d41 100644 --- a/src/views/login/less/style.less +++ b/src/views/login/less/style.less @@ -29,6 +29,7 @@ .el-input { --el-input-height: 3.4rem; + --el-input-inner-height: auto; --el-input-border-radius: 0; --el-input-text-color: #232323; --el-border-color: #C4C4C4; @@ -37,6 +38,10 @@ &::placeholder { color: #9F9F9F; } + + .el-input__wrapper { + padding: 0.1rem 1rem; + } } .password-tip { @@ -95,22 +100,53 @@ margin-top: -0.6rem; --el-checkbox-height: auto; - .el-checkbox__label { - font-size: 1.1rem; - color: #666666; - font-family: KaiseiOpti-Regular; - >div { - >span { - font-family: KaiseiOpti-Bold; - text-decoration: underline; - cursor: pointer; - color: #232323; + + .el-checkbox { + margin-right: 0; + height: auto; + --el-checkbox-font-size: 1.4rem; + --el-checkbox-input-width: 1.4rem; + --el-checkbox-input-height: 1.4rem; + --el-checkbox-checked-bg-color: #000; + --el-checkbox-checked-input-border-color: #000; + --el-checkbox-input-border: 0.1rem solid #c4c4c4; + --el-checkbox-bg-color: #fff; + --el-checkbox-border-radius: 0; + + .el-checkbox__input.is-indeterminate .el-checkbox__inner:before { + height: 0.2rem; + width: 65%; + top: 50%; + left: 50%; + transform: scale(1) translate(-50%, -50%); + border-radius: 0.1rem; + } + + .el-checkbox__inner:after { + width: 0.4rem; + height: 0.8rem; + border-width: 0.1rem; + } + + .el-checkbox__label { + font-size: 1.1rem; + color: #666666; + font-family: KaiseiOpti-Regular; + + >div { + >span { + font-family: KaiseiOpti-Bold; + text-decoration: underline; + cursor: pointer; + color: #232323; + } } } } } + } >.other-login {