DeXun/klp-oa
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

✨ feat: 主题变更为白色

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

8
klp-ui/src/layout/components/Navbar.vue
View File

@@ -107,10 +107,10 @@ export default {
overflow: hidden;
position: relative;
// 金属质感渐变背景
background: #454c51;
border-bottom: 1px solid #8d939b;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1),
0 1px 1px rgba(255, 255, 255, 0.08) inset;
// background: #454c51;
// border-bottom: 1px solid #8d939b;
// box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1),
// 0 1px 1px rgba(255, 255, 255, 0.08) inset;
.hamburger-container {
line-height: 46px;

12
klp-ui/src/layout/components/Sidebar/Logo.vue
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;

8
klp-ui/src/layout/components/Sidebar/index.vue
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"
>

6
klp-ui/src/layout/components/TagsView/index.vue
View File

@@ -242,7 +242,7 @@ export default {
height: 34px;
width: 100%;
// 金属浅色渐变背景（直接写死渐变值）
background: #454c51;
// background: #454c51;
border-bottom: 1px solid #a0a6ad;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.05) inset;
@@ -254,9 +254,9 @@ export default {
height: 26px;
line-height: 26px;
border: 1px solid #a0a6ad;
color: #ddd;
color: #111;
// 标签金属渐变背景
background: #454c51;
// background: linear-gradient(145deg, #6b809d, #637994);
padding: 0 8px;
font-size: 12px;
margin-left: 5px;

2
klp-ui/src/layout/index.vue
View File

@@ -79,7 +79,7 @@ export default {
}
.drawer-bg {
background: #000;
// background: #000;
opacity: 0.3;
width: 100%;
top: 0;