From 5bbe891149a42de50b067614fd6c7226ab4a2c1a Mon Sep 17 00:00:00 2001
From: sc <shencheng@heronshn.com>
Date: Wed, 24 Nov 2021 09:09:32 +0800
Subject: [PATCH] =?UTF-8?q?:lipstick:=20=E8=B0=83=E6=95=B4=E9=83=A8?=
 =?UTF-8?q?=E5=88=86layout?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 默认布局菜单增加logo
- 菜单缩进操作按钮位置更改为菜单底部
- 通栏、经典、功能坞头部不再跟随主题颜色
- 面包屑导航增加显示路由图标
---
 public/img/logo-r.png            | Bin 0 -> 8373 bytes
 src/layout/components/topbar.vue |   7 +++----
 src/layout/index.vue             |  14 ++++++++++++++
 src/style/app.scss               |  16 +++++++++-------
 src/style/fix.scss               |   2 +-
 src/style/theme/dark.scss        |   1 +
 6 files changed, 28 insertions(+), 12 deletions(-)
 create mode 100644 public/img/logo-r.png

diff --git a/public/img/logo-r.png b/public/img/logo-r.png
new file mode 100644
index 0000000000000000000000000000000000000000..9f8fba91bca40d7495a33e0bdf15ab332fa6bac3
GIT binary patch
literal 8373
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
LOut6Y`QHBk#%r*1

literal 0
HcmV?d00001

diff --git a/src/layout/components/topbar.vue b/src/layout/components/topbar.vue
index 31748053..7834bb4e 100644
--- a/src/layout/components/topbar.vue
+++ b/src/layout/components/topbar.vue
@@ -1,13 +1,10 @@
 <template>
 	<div class="adminui-topbar">
 		<div class="left-panel">
-			<div class="menu-collapse hidden-sm-and-down" @click="$store.commit('TOGGLE_menuIsCollapse')">
-				<el-icon><el-icon-fold /></el-icon>
-			</div>
 			<el-breadcrumb separator-icon="el-icon-arrow-right" class="hidden-sm-and-down">
 				<transition-group name="breadcrumb" mode="out-in">
 					<template v-for="item in breadList" :key="item.title" >
-						<el-breadcrumb-item v-if="item.path!='/' &&  !item.meta.hiddenBreadcrumb" :key="item.meta.title">{{item.meta.title}}</el-breadcrumb-item>
+						<el-breadcrumb-item v-if="item.path!='/' &&  !item.meta.hiddenBreadcrumb" :key="item.meta.title"><el-icon class="icon" v-if="item.meta.icon"><component :is="item.meta.icon" /></el-icon>{{item.meta.title}}</el-breadcrumb-item>
 					</template>
 				</transition-group>
 			</el-breadcrumb>
@@ -44,6 +41,8 @@
 </script>
 
 <style scoped>
+	.el-breadcrumb {margin-left: 15px;}
+	.el-breadcrumb .el-breadcrumb__inner .icon {font-size: 14px;margin-right: 5px;float: left;}
 	.breadcrumb-enter-active,.breadcrumb-leave-active {transition: all 0.3s;}
 	.breadcrumb-enter-from,.breadcrumb-leave-active {opacity: 0;transform: translateX(20px);}
 	.breadcrumb-leave-active {position: absolute;}
diff --git a/src/layout/index.vue b/src/layout/index.vue
index 82064f46..748c1685 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -30,6 +30,9 @@
 						</el-menu>
 					</el-scrollbar>
 				</div>
+				<div class="adminui-side-bottom" @click="$store.commit('TOGGLE_menuIsCollapse')">
+					<el-icon><el-icon-expand v-if="menuIsCollapse"/><el-icon-fold v-else /></el-icon>
+				</div>
 			</div>
 			<Side-m v-if="ismobile"></Side-m>
 			<div class="aminui-body el-container">
@@ -69,6 +72,9 @@
 						</el-menu>
 					</el-scrollbar>
 				</div>
+				<div class="adminui-side-bottom" @click="$store.commit('TOGGLE_menuIsCollapse')">
+					<el-icon><el-icon-expand v-if="menuIsCollapse"/><el-icon-fold v-else /></el-icon>
+				</div>
 			</div>
 			<Side-m v-if="ismobile"></Side-m>
 			<div class="aminui-body el-container">
@@ -123,6 +129,11 @@
 	<template v-else>
 		<section class="aminui-wrapper">
 			<div v-if="!ismobile" class="aminui-side-split">
+				<div class="aminui-side-split-top">
+					<router-link :to="$CONFIG.DASHBOARD_URL">
+						<img class="logo" :title="$CONFIG.APP_NAME" src="img/logo-r.png">
+					</router-link>
+				</div>
 				<div class="adminui-side-split-scroll">
 					<el-scrollbar>
 						<ul>
@@ -146,6 +157,9 @@
 						</el-menu>
 					</el-scrollbar>
 				</div>
+				<div class="adminui-side-bottom" @click="$store.commit('TOGGLE_menuIsCollapse')">
+					<el-icon><el-icon-expand v-if="menuIsCollapse"/><el-icon-fold v-else /></el-icon>
+				</div>
 			</div>
 			<Side-m v-if="ismobile"></Side-m>
 			<div class="aminui-body el-container">
diff --git a/src/style/app.scss b/src/style/app.scss
index 862eb4c3..f4e405bf 100644
--- a/src/style/app.scss
+++ b/src/style/app.scss
@@ -47,8 +47,11 @@ a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing: bo
 .adminui-header-menu .el-menu .el-menu-item.is-active {color: #fff!important;background: var(--el-color-primary-light-2);border-bottom-color:transparent;}
 
 /* 左侧菜单 */
-.aminui-side-split {width:65px;flex-shrink:0;background: #222b45;}
-.adminui-side-split-scroll {overflow: auto;overflow-x:hidden;height: 100%;}
+.aminui-side-split {width:65px;flex-shrink:0;background: #222b45;display: flex;flex-flow: column;}
+.aminui-side-split-top {height: 49px;}
+.aminui-side-split-top a {display: inline-block;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
+.aminui-side-split-top .logo {height:30px;vertical-align: bottom;}
+.adminui-side-split-scroll {overflow: auto;overflow-x:hidden;height: 100%;flex: 1;}
 .aminui-side-split li {cursor: pointer;width: 65px;height: 65px;color: #fff;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;}
 .aminui-side-split li i {font-size: 18px;}
 .aminui-side-split li p {margin-top:5px;}
@@ -64,6 +67,9 @@ a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing: bo
 .adminui-side-top {border-bottom: 1px solid #ebeef5;height:50px;line-height: 50px;}
 .adminui-side-top h2 {padding:0 20px;font-size: 17px;color: #3c4a54;}
 .adminui-side-scroll {overflow: auto;overflow-x:hidden;flex: 1;}
+.adminui-side-bottom {border-top: 1px solid #ebeef5;height:35px;cursor: pointer;display: flex;align-items: center;justify-content: center;}
+.adminui-side-bottom i {font-size: 16px;}
+.adminui-side-bottom:hover {color: var(--el-color-primary);}
 .aminui-side.isCollapse {width: 64px;}
 
 /* 右侧内容 */
@@ -76,10 +82,6 @@ a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing: bo
 .right-panel-search {display: flex;align-items: center;}
 .right-panel-search > * + * {margin-left:10px;}
 
-.adminui-topbar .menu-collapse {height: 50px;width: 60px;padding: 0 20px;display: flex;align-items: center;cursor: pointer;}
-.adminui-topbar .menu-collapse i {font-size: 16px;}
-.adminui-topbar .menu-collapse:hover {background-image: linear-gradient(90deg, #d9ecff, transparent);}
-
 .adminui-tags {height:35px;background: #fff;border-bottom: 1px solid #e6e6e6;}
 .adminui-tags ul {display: flex;overflow: hidden;}
 .adminui-tags li {cursor: pointer;display: inline-block;float: left;height:34px;line-height: 34px;position: relative;flex-shrink: 0;}
@@ -101,4 +103,4 @@ a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing: bo
 }
 .main-maximize-exit {display: none;position: fixed;z-index: 3000;top:-20px;left:50%;margin-left: -20px;border-radius: 50%;width: 40px;height: 40px;cursor: pointer;background: rgba(0,0,0,0.2);text-align: center;}
 .main-maximize-exit i {font-size: 14px;margin-top: 22px;color: #fff;}
-.main-maximize-exit:hover {background: rgba(0,0,0,0.4);}
\ No newline at end of file
+.main-maximize-exit:hover {background: rgba(0,0,0,0.4);}
diff --git a/src/style/fix.scss b/src/style/fix.scss
index 50577e1d..317f7417 100644
--- a/src/style/fix.scss
+++ b/src/style/fix.scss
@@ -48,7 +48,7 @@
 .el-button--text:focus, .el-button--text:hover {color: var(--el-color-primary-light-2);border-color: transparent;background-color: transparent;}
 .aminui-side .el-menu-item.is-active {background: var(--el-color-primary-light-9);color: var(--el-color-primary)!important;}
 
-.adminui-header {background-color: var(--el-color-primary);}
+
 .aminui-side-split li.active {background-color: var(--el-color-primary);}
 .adminui-tags li:hover {background-color: var(--el-color-primary-light-9);}
 .adminui-tags li.active {background-color: var(--el-color-primary)!important;}
diff --git a/src/style/theme/dark.scss b/src/style/theme/dark.scss
index b9f33296..7e583846 100644
--- a/src/style/theme/dark.scss
+++ b/src/style/theme/dark.scss
@@ -116,6 +116,7 @@
 	.aminui-side {background: $--card-background;border-color: $--border-color;}
 	.adminui-side-top {border-color: $--border-color;}
 	.adminui-side-top h2 {color: $--text-color;}
+	.adminui-side-bottom {border-color: $--border-color;}
 	.adminui-main {background: $--background;}
 	.adminui-topbar {background: $--card-background;border-color: $--border-color;color: $--text-color;}
 	.adminui-topbar .menu-collapse:hover {background-image: linear-gradient(90deg, $--background, transparent);}