From 7837bac01040b01d938ab3e33825b85567232c28 Mon Sep 17 00:00:00 2001 From: pany <939630029@qq.com> Date: Mon, 25 Mar 2024 13:48:08 +0800 Subject: [PATCH] =?UTF-8?q?style:=20=E7=AE=80=E5=8C=96=E5=A4=9A=E4=B8=BB?= =?UTF-8?q?=E9=A2=98=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/layouts/components/AppMain.vue | 1 - src/styles/theme/core/error-page.scss | 5 ----- src/styles/theme/core/index.scss | 3 --- src/styles/theme/core/layouts.scss | 4 ++++ src/styles/theme/core/login.scss | 9 --------- src/styles/theme/core/other.scss | 6 ------ src/views/login/index.vue | 2 +- 7 files changed, 5 insertions(+), 25 deletions(-) delete mode 100644 src/styles/theme/core/error-page.scss delete mode 100644 src/styles/theme/core/login.scss delete mode 100644 src/styles/theme/core/other.scss diff --git a/src/layouts/components/AppMain.vue b/src/layouts/components/AppMain.vue index 433ba9c..d42d3b4 100644 --- a/src/layouts/components/AppMain.vue +++ b/src/layouts/components/AppMain.vue @@ -33,7 +33,6 @@ const settingsStore = useSettingsStore() .app-main { width: 100%; - background-color: var(--v3-body-bg-color); display: flex; } diff --git a/src/styles/theme/core/error-page.scss b/src/styles/theme/core/error-page.scss deleted file mode 100644 index ec9c941..0000000 --- a/src/styles/theme/core/error-page.scss +++ /dev/null @@ -1,5 +0,0 @@ -/** ErrorPage 页面相关 */ - -.error-page { - background-color: $theme-bg-color; -} diff --git a/src/styles/theme/core/index.scss b/src/styles/theme/core/index.scss index 5ae838b..d50e92e 100644 --- a/src/styles/theme/core/index.scss +++ b/src/styles/theme/core/index.scss @@ -1,8 +1,5 @@ .#{$theme-name} { @import "./layouts.scss"; - @import "./login.scss"; - @import "./error-page.scss"; @import "./element-plus.scss"; @import "./vxe-table.scss"; - @import "./other.scss"; } diff --git a/src/styles/theme/core/layouts.scss b/src/styles/theme/core/layouts.scss index f322941..1488c97 100644 --- a/src/styles/theme/core/layouts.scss +++ b/src/styles/theme/core/layouts.scss @@ -1,5 +1,9 @@ /** Layout 相关 */ +body { + background-color: $theme-bg-color; +} + #app { color: $font-color; // 右侧设置面板 diff --git a/src/styles/theme/core/login.scss b/src/styles/theme/core/login.scss deleted file mode 100644 index 2b1a180..0000000 --- a/src/styles/theme/core/login.scss +++ /dev/null @@ -1,9 +0,0 @@ -/** Login 页面相关 */ - -.login-container { - background-color: $theme-bg-color; - color: $font-color; - .login-card { - background-color: lighten($theme-bg-color, 4%) !important; - } -} diff --git a/src/styles/theme/core/other.scss b/src/styles/theme/core/other.scss deleted file mode 100644 index ea76a9c..0000000 --- a/src/styles/theme/core/other.scss +++ /dev/null @@ -1,6 +0,0 @@ -/** 这里可以写业务页面的黑暗样式 */ - -.app-main { - background-color: $theme-bg-color !important; - // 写在这里... -} diff --git a/src/views/login/index.vue b/src/views/login/index.vue index a605791..b708454 100644 --- a/src/views/login/index.vue +++ b/src/views/login/index.vue @@ -157,7 +157,7 @@ createCode() max-width: 90%; border-radius: 20px; box-shadow: 0 0 10px #dcdfe6; - background-color: #fff; + background-color: var(--el-bg-color-overlay); overflow: hidden; .title { display: flex;