From 0744c652521bad117c545c7d0e6f5ea83e029d9a Mon Sep 17 00:00:00 2001
From: sc <shencheng@heronshn.com>
Date: Tue, 2 Nov 2021 12:36:07 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=20=E9=BB=98=E8=AE=A4?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80=E5=92=8C=E9=80=9A=E6=A0=8F=E5=B8=83=E5=B1=80?=
 =?UTF-8?q?=E4=B8=80=E7=BA=A7=E8=8F=9C=E5=8D=95=E7=9A=84=E8=AE=BF=E9=97=AE?=
 =?UTF-8?q?=E5=BD=A2=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/index.vue      |  7 ++++--
 src/style/app.scss        |  3 +++
 src/views/other/about.vue | 52 +++++++++++++++++++++++++++++++++++++++
 3 files changed, 60 insertions(+), 2 deletions(-)
 create mode 100644 src/views/other/about.vue

diff --git a/src/layout/index.vue b/src/layout/index.vue
index ebb955ee..200a1b34 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -19,7 +19,7 @@
 			</div>
 		</header>
 		<section class="aminui-wrapper">
-			<div v-if="!ismobile" :class="menuIsCollapse?'aminui-side isCollapse':'aminui-side'">
+			<div v-if="!ismobile && nextMenu.length>0" :class="menuIsCollapse?'aminui-side isCollapse':'aminui-side'">
 				<div v-if="!menuIsCollapse" class="adminui-side-top">
 					<h2>{{ pmenu.meta.title }}</h2>
 				</div>
@@ -135,7 +135,7 @@
 					</el-scrollbar>
 				</div>
 			</div>
-			<div v-if="!ismobile" :class="menuIsCollapse?'aminui-side isCollapse':'aminui-side'">
+			<div v-if="!ismobile && nextMenu.length>0" :class="menuIsCollapse?'aminui-side isCollapse':'aminui-side'">
 				<div v-if="!menuIsCollapse" class="adminui-side-top">
 					<h2>{{ pmenu.meta.title }}</h2>
 				</div>
@@ -257,6 +257,9 @@
 			showMenu(route) {
 				this.pmenu = route;
 				this.nextMenu = this.filterUrl(route.children);
+				if(!route.children && route.component){
+					this.$router.push({path: route.path})
+				}
 			},
 			//转换外部链接的路由
 			filterUrl(map){
diff --git a/src/style/app.scss b/src/style/app.scss
index 6b9d80e5..e78dbb89 100644
--- a/src/style/app.scss
+++ b/src/style/app.scss
@@ -42,6 +42,9 @@ a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing: bo
 .adminui-header-menu .el-menu .el-sub-menu__title {color: #fff;}
 .adminui-header-menu .el-menu .el-sub-menu__title:hover {color: #fff;background: var(--el-color-primary-light-2);}
 .adminui-header-menu .el-menu .el-sub-menu.is-active .el-sub-menu__title {color: #fff;background: var(--el-color-primary-light-2);border-bottom-color:transparent;}
+.adminui-header-menu .el-menu .el-menu-item {color: #fff;}
+.adminui-header-menu .el-menu .el-menu-item:hover {color: #fff;background: var(--el-color-primary-light-2);}
+.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;}
diff --git a/src/views/other/about.vue b/src/views/other/about.vue
new file mode 100644
index 00000000..fc2722cf
--- /dev/null
+++ b/src/views/other/about.vue
@@ -0,0 +1,52 @@
+<template>
+	<el-main>
+		<el-row :gutter="15">
+			<el-col :lg="24">
+				<el-card shadow="never" class="aboutTop">
+					<div class="aboutTop-info">
+						<img src="img/logo.png">
+						<h2>{{data.name}}</h2>
+						<p>{{data.version}}</p>
+					</div>
+				</el-card>
+				<el-card shadow="never" header="dependencies">
+					<el-descriptions border :column="3">
+						<el-descriptions-item v-for="(value, key) in data.dependencies" :key="key" :label="key">{{value}}</el-descriptions-item>
+					</el-descriptions>
+				</el-card>
+				<el-card shadow="never" header="devDependencies">
+					<el-descriptions border :column="3">
+						<el-descriptions-item v-for="(value, key) in data.devDependencies" :key="key" :label="key">{{value}}</el-descriptions-item>
+					</el-descriptions>
+				</el-card>
+			</el-col>
+		</el-row>
+	</el-main>
+</template>
+
+<script>
+	import packageJson from '../../../package.json'
+
+	export default {
+		name: 'about',
+		data() {
+			return {
+				data: packageJson
+			}
+		},
+		mounted() {
+
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style scoped>
+	.aboutTop {border:0;background: linear-gradient(to right, #8E54E9, #4776E6);color: #fff;}
+	.aboutTop-info {text-align: center}
+	.aboutTop-info img {width: 100px;}
+	.aboutTop-info h2 {font-size: 26px;margin-top: 15px;}
+	.aboutTop-info p {font-size: 16px;margin-top: 10px;}
+</style>