cfy777/Situation-Awareness-Platform-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update: 修复头部底色切换

Browse Source
This commit is contained in:
@user8949
2025-03-14 20:34:35 +08:00
parent d152702b28
commit c1a1b8d1f6
1 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/Header/index.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div class="full-w" :style="{ height: `${height}px` }"> <div class="full-w" :style="{ height: `${height}px` }">
<div class="g-header fixed z-20" ref="headerRef" :class="{'home-background': isHome, 'normal-background': !isHome}"> <div class="g-header fixed z-20" ref="headerRef" :class="{'home-background': isHome}">
<div class="g-toolbar w-full overflow-hidden" :class="[searchClass, route?.meta?.headerClassName]"> <div class="g-toolbar w-full overflow-hidden" :class="[searchClass, route?.meta?.headerClassName]">
<div class="g-toolbar-left flex-shrink items-center"> <div class="g-toolbar-left flex-shrink items-center">
<div class="flex-center gap-[16px]" v-if="!isHome"> <div class="flex-center gap-[16px]" v-if="!isHome">
@@ -133,6 +133,10 @@ $radius: 4px;
$add-radius: 48px; $add-radius: 48px;
$header-bg: #fff; $header-bg: #fff;
.home-background {
background-color: #fff0 !important;
}
.g-header { .g-header {
// overflow: hidden; // overflow: hidden;
width: 100%; width: 100%;
@@ -140,12 +144,7 @@ $header-bg: #fff;
flex-direction: column; flex-direction: column;
align-items: stretch; align-items: stretch;
justify-content: space-between; justify-content: space-between;
.home-background {
background-color: #fff0;
}
.normal-background {
background-color: $header-bg; background-color: $header-bg;
}
:deep(.g-link) { :deep(.g-link) {
color: $devui-text-weak; color: $devui-text-weak;
} }