no message
Former-commit-id: 3fb3864bd7dde71733cd6eb5306f7a0583fe924e Former-commit-id: 40dee5ed0a8182e9e6d29d8f2ef4003b61f29a80 Former-commit-id: d3db5ce8a901006ee233a45afc4dfae5fca3cb5d
This commit is contained in:
@@ -0,0 +1,30 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-menu-item v-if="menu.children === undefined" :index="menu.path">
|
||||||
|
<i :class="`fa fa-${menu.icon}`"></i>
|
||||||
|
<span slot="title">{{menu.title}}</span>
|
||||||
|
</el-menu-item>
|
||||||
|
<el-submenu v-else index="1">
|
||||||
|
<template slot="title">
|
||||||
|
<i :class="`fa fa-${menu.icon}`"></i>
|
||||||
|
<span slot="title">{{menu.title}}</span>
|
||||||
|
</template>
|
||||||
|
<el-menu-item :index="menu.path">
|
||||||
|
<i :class="`fa fa-${menu.icon}`"></i>
|
||||||
|
<span slot="title">{{menu.title}}</span>
|
||||||
|
</el-menu-item>
|
||||||
|
</el-submenu>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: 'menus',
|
||||||
|
props: {
|
||||||
|
menu: {
|
||||||
|
require: false,
|
||||||
|
default: () => []
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
@@ -1,15 +0,0 @@
|
|||||||
<template>
|
|
||||||
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
name: 'menus',
|
|
||||||
props: {
|
|
||||||
menus: {
|
|
||||||
require: false,
|
|
||||||
default: () => []
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
@@ -4,45 +4,9 @@
|
|||||||
:collapse="collapse"
|
:collapse="collapse"
|
||||||
:unique-opened="true"
|
:unique-opened="true"
|
||||||
:router="true">
|
:router="true">
|
||||||
<menus/>
|
<template v-for="(menu, menuIndex) in menus">
|
||||||
<!-- <template v-for="(menu, menuIndex) in menus">
|
<dd-menus :menu="menu" :key="menuIndex"/>
|
||||||
<el-menu-item v-if="menu.children === undefined" :key="`level1-item-${menuIndex}`" :index="menu.path">
|
</template>
|
||||||
<i :class="`fa fa-${menu.icon}`"></i>
|
|
||||||
<span slot="title">{{menu.title}}</span>
|
|
||||||
</el-menu-item>
|
|
||||||
<el-submenu v-else :key="`level1-submenu-${menuIndex}`" :index="`level1-submenu-${menuIndex}`">
|
|
||||||
<template slot="title">
|
|
||||||
<i :class="`fa fa-${menu.icon}`"></i>
|
|
||||||
<span slot="title">{{menu.title}}</span>
|
|
||||||
</template>
|
|
||||||
</el-submenu>
|
|
||||||
</template> -->
|
|
||||||
<!-- <el-menu-item index="2">
|
|
||||||
<i class="el-icon-menu"></i>
|
|
||||||
<span slot="title">导航二</span>
|
|
||||||
</el-menu-item>
|
|
||||||
<el-submenu index="1">
|
|
||||||
<template slot="title">
|
|
||||||
<i class="el-icon-location"></i>
|
|
||||||
<span>导航一</span>
|
|
||||||
</template>
|
|
||||||
<el-menu-item-group>
|
|
||||||
<template slot="title">分组一</template>
|
|
||||||
<el-menu-item index="1-1">选项1</el-menu-item>
|
|
||||||
<el-menu-item index="1-2">选项2</el-menu-item>
|
|
||||||
</el-menu-item-group>
|
|
||||||
<el-menu-item-group title="分组2">
|
|
||||||
<el-menu-item index="1-3">选项3</el-menu-item>
|
|
||||||
</el-menu-item-group>
|
|
||||||
<el-submenu index="1-4">
|
|
||||||
<template slot="title">选项4</template>
|
|
||||||
<el-menu-item index="1-4-1">选项1</el-menu-item>
|
|
||||||
</el-submenu>
|
|
||||||
</el-submenu>
|
|
||||||
<el-menu-item index="4">
|
|
||||||
<i class="el-icon-setting"></i>
|
|
||||||
<span slot="title">导航四</span>
|
|
||||||
</el-menu-item> -->
|
|
||||||
</el-menu>
|
</el-menu>
|
||||||
<!-- <div v-if="sideMenu.filter(e => e.title).length === 0 && !collapse" class="dd-side-menu-empty">
|
<!-- <div v-if="sideMenu.filter(e => e.title).length === 0 && !collapse" class="dd-side-menu-empty">
|
||||||
没有菜单
|
没有菜单
|
||||||
@@ -60,7 +24,7 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
menus: () => import('./components/menus.vue')
|
ddMenus: () => import('./components/ddMenus.vue')
|
||||||
},
|
},
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
|
|||||||
Reference in New Issue
Block a user