From f801f4fb11ff8ca08417a9ddf0231fb570fa26e3 Mon Sep 17 00:00:00 2001 From: 疯狂的狮子Li <15040126243@163.com> Date: 星期一, 24 七月 2023 16:47:51 +0800 Subject: [PATCH] fix 修复 固定页面header穿模问题 --- src/layout/index.vue | 1 + src/assets/styles/variables.module.scss | 3 +++ 2 files changed, 4 insertions(+), 0 deletions(-) diff --git a/src/assets/styles/variables.module.scss b/src/assets/styles/variables.module.scss index fdcb11c..d07d3d4 100644 --- a/src/assets/styles/variables.module.scss +++ b/src/assets/styles/variables.module.scss @@ -10,6 +10,7 @@ --subMenuHover: #001528; --subMenuTitleHover: #293444; + --fixedHeaderBg: #ffffff; --tableHeaderBg: #f8f8f9; --tableHeaderTextColor: #515a6e; } @@ -24,6 +25,7 @@ --subMenuHover: #171819; --subMenuTitleHover: #171819; + --fixedHeaderBg: #171819; --tableHeaderBg: var(--el-bg-color); --tableHeaderTextColor: var(--el-text-color); @@ -58,6 +60,7 @@ $base-sub-menu-hover: var(--subMenuHover); $base-sub-menu-title-hover: var(--subMenuTitleHover); // 琛ㄥ崟澶磋儗鏅壊鍜屾爣棰橀鑹� +$fixed-header-bg: var(--fixedHeaderBg); $table-header-bg: var(--tableHeaderBg); $table-header-text-color: var(--tableHeaderTextColor); diff --git a/src/layout/index.vue b/src/layout/index.vue index 5c01f90..8239ed7 100644 --- a/src/layout/index.vue +++ b/src/layout/index.vue @@ -107,6 +107,7 @@ z-index: 9; width: calc(100% - #{$base-sidebar-width}); transition: width 0.28s; + background: $fixed-header-bg; } .hideSidebar .fixed-header { -- Gitblit v1.9.3