From 65e564dc67c06a18bc543d032d430718ae620cb9 Mon Sep 17 00:00:00 2001 From: Charles7c Date: Mon, 5 Feb 2024 00:09:23 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E6=9A=97=E9=BB=91?= =?UTF-8?q?=E6=A8=A1=E5=BC=8F=E4=B8=8B=E8=BF=94=E5=9B=9E=E5=88=B0=E7=99=BB?= =?UTF-8?q?=E5=BD=95=E9=A1=B5=E9=9D=A2=E6=97=B6=E7=9A=84=E9=83=A8=E5=88=86?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E9=94=99=E4=B9=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 仅修复了部分 Closes #3 --- src/views/login/components/account-login.vue | 11 +++++---- src/views/login/components/email-login.vue | 13 ++++++---- src/views/login/components/phone-login.vue | 25 +++++++++++++------- src/views/login/index.vue | 19 +++++++++++---- 4 files changed, 47 insertions(+), 21 deletions(-) diff --git a/src/views/login/components/account-login.vue b/src/views/login/components/account-login.vue index 6cc8ae5..831b3e1 100644 --- a/src/views/login/components/account-login.vue +++ b/src/views/login/components/account-login.vue @@ -169,15 +169,18 @@ margin-top: 16px; .arco-input-wrapper, :deep(.arco-select-view-single) { - background-color: var(--color-bg-white); - border: 1px solid var(--color-border-3); + background-color: #fff; + border: 1px solid #c9cdd4; height: 40px; border-radius: 4px; font-size: 13px; } .arco-input-wrapper.arco-input-error { - background-color: var(--color-danger-light-1); - border-color: var(--color-danger-light-4); + background-color: rgb(255, 236, 232); + border-color: rgb(249, 137, 129); + } + .arco-input-wrapper :deep(.arco-input) { + color: rgb(29, 33, 41); } .captcha { diff --git a/src/views/login/components/email-login.vue b/src/views/login/components/email-login.vue index 022673c..6bda250 100644 --- a/src/views/login/components/email-login.vue +++ b/src/views/login/components/email-login.vue @@ -165,15 +165,18 @@ margin-top: 16px; .arco-input-wrapper, :deep(.arco-select-view-single) { - background-color: var(--color-bg-white); - border: 1px solid var(--color-border-3); + background-color: #fff; + border: 1px solid #c9cdd4; height: 40px; border-radius: 4px; font-size: 13px; } .arco-input-wrapper.arco-input-error { - background-color: var(--color-danger-light-1); - border-color: var(--color-danger-light-4); + background-color: rgb(255, 236, 232); + border-color: rgb(249, 137, 129); + } + .arco-input-wrapper :deep(.arco-input) { + color: rgb(29, 33, 41); } .captcha-btn { @@ -190,7 +193,7 @@ } .arco-btn-secondary:not(.arco-btn-disabled):hover { background-color: transparent; - border: 1px solid rgb(var(--primary-6)); + border: 1px solid rgb(22, 93, 255); } .btn { diff --git a/src/views/login/components/phone-login.vue b/src/views/login/components/phone-login.vue index 614f9c3..c7694d3 100644 --- a/src/views/login/components/phone-login.vue +++ b/src/views/login/components/phone-login.vue @@ -197,15 +197,18 @@ margin-top: 16px; .arco-input-wrapper, :deep(.arco-select-view-single) { - background-color: var(--color-bg-white); - border: 1px solid var(--color-border-3); + background-color: #fff; + border: 1px solid #c9cdd4; height: 40px; border-radius: 4px; font-size: 13px; } .arco-input-wrapper.arco-input-error { - background-color: var(--color-danger-light-1); - border-color: var(--color-danger-light-4); + background-color: rgb(255, 236, 232); + border-color: rgb(249, 137, 129); + } + .arco-input-wrapper :deep(.arco-input) { + color: rgb(29, 33, 41); } .captcha-btn { @@ -220,9 +223,14 @@ border: 1px solid #dde2e9; color: #41464f; } + .arco-btn-secondary.arco-btn-disabled, + .arco-btn-secondary[type='submit'].arco-btn-disabled { + color: #c9cdd4; + background-color: rgb(247, 248, 250); + } .arco-btn-secondary:not(.arco-btn-disabled):hover { background-color: transparent; - border: 1px solid rgb(var(--primary-6)); + border: 1px solid rgb(22, 93, 255); } .btn { @@ -240,10 +248,11 @@ .arco-btn-primary.arco-btn-disabled, .arco-btn-primary[type='submit'].arco-btn-disabled { - background-color: var(--color-neutral-4); + color: #fff; + background-color: rgb(201, 205, 212); box-shadow: - 0 0 0 1px var(--color-neutral-4), - 0 2px 1px rgba(0, 0, 0, 0.15); + 0 0 0 1px rgb(201, 205, 212), + 0 2px 1px #00000026; } } diff --git a/src/views/login/index.vue b/src/views/login/index.vue index 6ba24e0..abc9746 100644 --- a/src/views/login/index.vue +++ b/src/views/login/index.vue @@ -124,7 +124,7 @@ display: inline-block; margin-right: 4px; margin-left: 4px; - color: var(--color-text-1); + color: #1d2129; font-size: 24px; vertical-align: middle; } @@ -189,16 +189,23 @@ position: relative; } :deep(.arco-tabs-tab-title:hover) { - color: rgb(var(--primary-6)); + color: rgb(22, 93, 255); } :deep(.arco-tabs-tab-title:before) { display: none; } :deep(.arco-tabs-tab) { margin: 0 30px 0 6px; + color: rgb(78, 89, 105); } } + :deep(.arco-checkbox-label) { + color: #1d2129; + } + :deep(.arco-select-view-single) { + color: #1d2129; + } .oauth { margin-top: 20px; padding: 0 5px; @@ -207,6 +214,10 @@ font-size: 12px; font-weight: 400; line-height: 20px; + background: #fff; + } + :deep(.arco-divider-horizontal) { + border-bottom: 1px solid rgb(229, 230, 235); } :deep(.arco-divider) { margin-bottom: 25px; @@ -259,11 +270,11 @@ } .mail:hover, .account:hover { - color: rgb(var(--primary-6)); + color: rgb(22, 93, 255); } .mail svg:hover, .account svg:hover { - color: rgb(var(--primary-6)); + color: rgb(22, 93, 255); } } }