zcdsj
/
factory_web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

This commit is contained in:
sc 2021-11-02 12:36:07 +08:00
parent c7bd84d23f
commit 0744c65252
3 changed files with 60 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/layout/index.vue
View File

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

3
src/style/app.scss
View File

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

52
src/views/other/about.vue Normal file
View File

@ -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>