优化 默认布局和通栏布局一级菜单的访问形式

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){

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;}

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>