删除GloablMenu组件、菜单优化:只展开当前父级菜单

This commit is contained in:
chenghx
2018-07-23 13:44:08 +08:00
parent bcaca47c0c
commit 417f7d5f7b
3 changed files with 19 additions and 61 deletions

View File

@@ -7,7 +7,6 @@
<h1>Vue Ant Pro</h1>
</a>
</div>
<!--<gloabl-menu :collapsed="collapsed"/>-->
<i-menu :menuData="menuData" />
</a-layout-sider>
<a-layout>
@@ -24,7 +23,6 @@
import ALayout from 'vue-antd-ui/es/layout'
import GloablHeader from './GloablHeader'
import AIcon from 'vue-antd-ui/es/icon/icon'
import GloablMenu from './GloablMenu'
import IMenu from '../menu/menu'
const ALayoutSider = ALayout.Sider
@@ -38,7 +36,6 @@ let menuData = []
export default {
name: 'GloablLayout',
components: {
GloablMenu,
AIcon,
GloablHeader,
ALayout,

View File

@@ -1,57 +0,0 @@
<template>
<a-menu theme="dark" mode="inline" :inlineCollapsed="collapsed">
<slot></slot>
<a-menu-item>
<a-icon type="dashboard" />
<span>统计分析</span>
</a-menu-item>
<a-menu-item>
<a href="/">
<a-icon type="user" />
<span>个人中心</span>
</a>
</a-menu-item>
<a-menu-item>
<a-icon type="form" />
<span>个人中心</span>
</a-menu-item>
<a-sub-menu>
<span slot="title">
<a-icon type="appstore" />
<span>系统日志</span>
</span>
<a-menu-item>
<span>应用日志</span>
</a-menu-item>
<a-menu-item>
<span>数据库日志</span>
</a-menu-item>
<a-menu-item>
<span>操作日志</span>
</a-menu-item>
</a-sub-menu>
</a-menu>
</template>
<script>
import AIcon from 'vue-antd-ui/es/icon/icon'
import AMenu from 'vue-antd-ui/es/menu/index'
const ASubMenu = AMenu.SubMenu
const AMenuItem = AMenu.Item
export default {
name: 'GloablMenu',
props: {
collapsed: Boolean
},
components: {AIcon, AMenu, ASubMenu, AMenuItem},
data () {
return {
}
}
}
</script>
<style scoped>
</style>