Browse Source

增加首页的菜单

master
453530270@qq.com 1 year ago
parent
commit
157922d8eb
  1. 1
      src/components/main/components/side-menu/side-menu.vue
  2. 5
      src/components/main/main.vue
  3. 2
      src/index.less
  4. 1
      src/router/routers.js

1
src/components/main/components/side-menu/side-menu.vue

@ -2,6 +2,7 @@
<div class="side-menu-wrapper">
<slot></slot>
<Menu ref="menu" v-show="!collapsed" :active-name="activeName" :open-names="openedNames" :accordion="accordion" :theme="theme" width="auto" @on-select="handleSelect">
<menu-item name="home" key="menu-index"><common-icon type="md-home"/><span> HOME</span></menu-item>
<template v-for="item in menuList">
<template v-if="item.children && item.children.length === 1">
<side-menu-item v-if="showChildren(item)" :key="`menu-${item.name}`" :parent-item="item"></side-menu-item>

5
src/components/main/main.vue

@ -71,7 +71,7 @@ export default {
tagNavList () {
return this.$store.state.app.tagNavList
},
//
//
userAvatar () {
if (JSON.stringify(this.$store.state.user.userInfo) !== '{}') {
let userData = {}
@ -86,12 +86,15 @@ export default {
}
return defaultImg
},
//
cacheList () {
return ['ParentView', ...this.tagNavList.length ? this.tagNavList.filter(item => !(item.meta && item.meta.notCache)).map(item => item.name) : []]
},
//
menuList () {
return this.$store.getters.menuList
},
//
local () {
return this.$store.state.app.local
}

2
src/index.less

@ -2,7 +2,7 @@
@menu-dark-title: #17449e;
@menu-dark-active-bg: #929db9;
@layout-sider-background: #2552ac;
@layout-sider-background: #28344d;
.margin-loop (@i) when (@i > 0) {
.margin-top-@{i} {

1
src/router/routers.js

@ -142,3 +142,4 @@ export const routes = [
// 所有上面定义的路由都要写在下面输出
export default routes
console.log(routes, 'routes')

Loading…
Cancel
Save