fix 修复 固定页面header穿模问题

疯狂的狮子Li

2023-07-24 f801f4fb11ff8ca08417a9ddf0231fb570fa26e3

fix 修复 固定页面header穿模问题

 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);


 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 {