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"> <div class="side-menu-wrapper">
<slot></slot> <slot></slot>
<Menu ref="menu" v-show="!collapsed" :active-name="activeName" :open-names="openedNames" :accordion="accordion" :theme="theme" width="auto" @on-select="handleSelect"> <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-for="item in menuList">
<template v-if="item.children && item.children.length === 1"> <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> <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 () { tagNavList () {
return this.$store.state.app.tagNavList return this.$store.state.app.tagNavList
}, },
// //
userAvatar () { userAvatar () {
if (JSON.stringify(this.$store.state.user.userInfo) !== '{}') { if (JSON.stringify(this.$store.state.user.userInfo) !== '{}') {
let userData = {} let userData = {}
@ -86,12 +86,15 @@ export default {
} }
return defaultImg return defaultImg
}, },
//
cacheList () { cacheList () {
return ['ParentView', ...this.tagNavList.length ? this.tagNavList.filter(item => !(item.meta && item.meta.notCache)).map(item => item.name) : []] return ['ParentView', ...this.tagNavList.length ? this.tagNavList.filter(item => !(item.meta && item.meta.notCache)).map(item => item.name) : []]
}, },
//
menuList () { menuList () {
return this.$store.getters.menuList return this.$store.getters.menuList
}, },
//
local () { local () {
return this.$store.state.app.local return this.$store.state.app.local
} }

2
src/index.less

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

1
src/router/routers.js

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

Loading…
Cancel
Save