From 82a759b4c1dc81b0c78e13af19091c5a5012dd84 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期二, 03 一月 2023 16:50:12 +0800
Subject: [PATCH] 1.优化浅色侧边栏bug
---
src/layout/index.vue | 41 +++++++++++++++++++++++++++++++----------
1 files changed, 31 insertions(+), 10 deletions(-)
diff --git a/src/layout/index.vue b/src/layout/index.vue
index 3add521..ef496af 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -1,23 +1,40 @@
<template>
<div :class="classObj" class="app-wrapper">
- <div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside"/>
+ <div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside" />
+
+ <!-- <sidebar-->
+ <!-- :class="$store.state.settings.menuIsHorizontal?-->
+ <!-- 'sidebar-container-sideBarWidthIsMenuHorizontal':-->
+ <!-- !$store.state.settings.leftBackgroundColorValue&&sidebar.opened?-->
+ <!-- 'sidebar-container-leftBackgroundColorValue':-->
+ <!-- 'sidebar-container'"-->
+ <!-- />-->
+
+ <!--1.褰撲负妯悜鑿滃崟鏃�-->
<sidebar
- :class="$store.state.settings.menuIsHorizontal?
- 'sidebar-container-sideBarWidthIsMenuHorizontal':
- $store.state.settings.leftBackgroundColorValue?
- 'sidebar-container-leftBackgroundColorValue':
- 'sidebar-container'"
+ v-if="$store.state.settings.menuIsHorizontal"
+ class="sidebar-container-sideBarWidthIsMenuHorizontal"
+ />
+ <!-- 2.褰撲负绔栧悜鑿滃崟涓斾负娣辫壊鑳屾櫙鑹叉椂-->
+ <sidebar
+ v-else-if="!$store.state.settings.menuIsHorizontal&&$store.state.settings.leftBackgroundColorValue"
+ class="sidebar-container"
+ />
+ <!-- 3.褰撲负绔栧悜鑿滃崟涓斾负娴呰壊鑳屾櫙鑹叉椂-->
+ <sidebar
+ v-else-if="!$store.state.settings.menuIsHorizontal&&!$store.state.settings.leftBackgroundColorValue"
+ :class="sidebar.opened?'sidebar-container-leftBackgroundColorValue':'sidebar-container sidebarContainer'"
/>
<div
:class="$store.state.settings.menuIsHorizontal?'main-container-sideBarWidthIsMenuHorizontal': 'main-container'"
>
<div :class="{'fixed-header':fixedHeader}">
- <navbar/>
- <tags-view v-if="needTagsView"/>
+ <navbar />
+ <tags-view v-if="needTagsView" />
</div>
- <app-main/>
+ <app-main />
<right-panel v-if="showSettings">
- <settings/>
+ <settings />
</right-panel>
</div>
</div>
@@ -78,6 +95,10 @@
//@import "~@/styles/element-variables.scss";
+.sidebarContainer {
+ background-color: #f8f8fa !important;
+}
+
.app-wrapper {
@include clearfix;
position: relative;
--
Gitblit v1.9.3