feat: 主题变更为白色

This commit is contained in:
砂糖
2025-09-24 17:23:06 +08:00
parent 3c30290b50
commit 833c16a0e9
26 changed files with 221 additions and 196 deletions

View File

@@ -1,13 +1,13 @@
<template>
<div class="sidebar-logo-container" :class="{'collapse':collapse}" :style="{ backgroundColor: '#1e2227'}">
<div class="sidebar-logo-container" :class="{'collapse':collapse}" :style="{ backgroundColor: '#fff'}">
<transition name="sidebarLogoFade">
<router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
<img v-if="logo" :src="logo" class="sidebar-logo" />
<h1 v-else class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">{{ title }} </h1>
<h1 v-else class="sidebar-title">{{ title }} </h1>
</router-link>
<router-link v-else key="expand" class="sidebar-logo-link" to="/">
<img v-if="logo" :src="logo" class="sidebar-logo" />
<h1 class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">{{ title }} </h1>
<h1 class="sidebar-title">{{ title }} </h1>
</router-link>
</transition>
</div>
@@ -35,7 +35,7 @@ export default {
},
data() {
return {
title: '科伦普综合办公系统',
title: '科伦普一体化平台',
logo: logoImg
}
}
@@ -57,7 +57,7 @@ export default {
width: 100%;
height: 50px;
line-height: 50px;
background: #111;
background: #fff;
text-align: center;
overflow: hidden;
@@ -75,7 +75,7 @@ export default {
& .sidebar-title {
display: inline-block;
margin: 0;
color: #fff;
color: #111;
font-weight: 600;
line-height: 50px;
font-size: 14px;

View File

@@ -1,14 +1,14 @@
<template>
<div :class="{'has-logo':showLogo}" :style="{ backgroundColor: '#1e2227' }">
<div :class="{'has-logo':showLogo}" :style="{ backgroundColor: '#fff' }">
<logo v-if="showLogo" :collapse="isCollapse" />
<el-scrollbar :class="settings.sideTheme" wrap-class="scrollbar-wrapper">
<el-menu
:default-active="activeMenu"
:collapse="isCollapse"
background-color="#1e2227"
:text-color="settings.sideTheme === 'theme-dark' ? variables.menuColor : variables.menuLightColor"
background-color="#fff"
text-color="#111"
:unique-opened="true"
active-text-color="#fff"
active-text-color="#111"
:collapse-transition="false"
mode="vertical"
>