aidlab/Aida_Purchaser_Front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

11

Browse Source
This commit is contained in:
李志鹏
2026-05-11 10:51:00 +08:00
parent f355835819
commit c0b4742966
2 changed files with 89 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/views/login/css/style.css
View File

@@ -35,6 +35,7 @@
.register:deep(.el-form) .el-input, .register:deep(.el-form) .el-input,
.login:deep(.el-form) .el-input { .login:deep(.el-form) .el-input {
--el-input-height: 3.4rem; --el-input-height: 3.4rem;
--el-input-inner-height: auto;
--el-input-border-radius: 0; --el-input-border-radius: 0;
--el-input-text-color: #232323; --el-input-text-color: #232323;
--el-border-color: #C4C4C4; --el-border-color: #C4C4C4;
@@ -45,6 +46,11 @@
.login:deep(.el-form) .el-input::placeholder { .login:deep(.el-form) .el-input::placeholder {
color: #9F9F9F; 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, .retrieve-password:deep(.el-form) .password-tip,
.register:deep(.el-form) .password-tip, .register:deep(.el-form) .password-tip,
.login:deep(.el-form) .password-tip { .login:deep(.el-form) .password-tip {
@@ -108,16 +114,47 @@
margin-top: -0.6rem; margin-top: -0.6rem;
--el-checkbox-height: auto; --el-checkbox-height: auto;
} }
.retrieve-password:deep(.el-form) .privacy .el-checkbox__label, .retrieve-password:deep(.el-form) .privacy .el-checkbox,
.register:deep(.el-form) .privacy .el-checkbox__label, .register:deep(.el-form) .privacy .el-checkbox,
.login:deep(.el-form) .privacy .el-checkbox__label { .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; font-size: 1.1rem;
color: #666666; color: #666666;
font-family: KaiseiOpti-Regular; font-family: KaiseiOpti-Regular;
} }
.retrieve-password: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__label > div > span, .register:deep(.el-form) .privacy .el-checkbox .el-checkbox__label > div > span,
.login:deep(.el-form) .privacy .el-checkbox__label > div > span { .login:deep(.el-form) .privacy .el-checkbox .el-checkbox__label > div > span {
font-family: KaiseiOpti-Bold; font-family: KaiseiOpti-Bold;
text-decoration: underline; text-decoration: underline;
cursor: pointer; cursor: pointer;

56
src/views/login/less/style.less
View File

@@ -29,6 +29,7 @@
.el-input { .el-input {
--el-input-height: 3.4rem; --el-input-height: 3.4rem;
--el-input-inner-height: auto;
--el-input-border-radius: 0; --el-input-border-radius: 0;
--el-input-text-color: #232323; --el-input-text-color: #232323;
--el-border-color: #C4C4C4; --el-border-color: #C4C4C4;
@@ -37,6 +38,10 @@
&::placeholder { &::placeholder {
color: #9F9F9F; color: #9F9F9F;
} }
.el-input__wrapper {
padding: 0.1rem 1rem;
}
} }
.password-tip { .password-tip {
@@ -95,22 +100,53 @@
margin-top: -0.6rem; margin-top: -0.6rem;
--el-checkbox-height: auto; --el-checkbox-height: auto;
.el-checkbox__label {
font-size: 1.1rem;
color: #666666;
font-family: KaiseiOpti-Regular;
>div {
>span { .el-checkbox {
font-family: KaiseiOpti-Bold; margin-right: 0;
text-decoration: underline; height: auto;
cursor: pointer; --el-checkbox-font-size: 1.4rem;
color: #232323; --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 { >.other-login {