From a1cf719d268a9d16db81ece94e75037c844f898f Mon Sep 17 00:00:00 2001 From: 疯狂的狮子li <15040126243@163.com> Date: 星期二, 18 二月 2020 14:47:23 +0800 Subject: [PATCH] Merge branch 'master' of https://gitee.com/y_project/RuoYi-Vue --- ruoyi-ui/src/layout/components/Sidebar/index.vue | 108 +++++++++++++++++++++++++++--------------------------- 1 files changed, 54 insertions(+), 54 deletions(-) diff --git a/ruoyi-ui/src/layout/components/Sidebar/index.vue b/ruoyi-ui/src/layout/components/Sidebar/index.vue index 4d0c6c9..476e45b 100644 --- a/ruoyi-ui/src/layout/components/Sidebar/index.vue +++ b/ruoyi-ui/src/layout/components/Sidebar/index.vue @@ -1,54 +1,54 @@ -<template> - <div :class="{'has-logo':showLogo}"> - <logo v-if="showLogo" :collapse="isCollapse" /> - <el-scrollbar wrap-class="scrollbar-wrapper"> - <el-menu - :default-active="activeMenu" - :collapse="isCollapse" - :background-color="variables.menuBg" - :text-color="variables.menuText" - :unique-opened="true" - :active-text-color="variables.menuActiveText" - :collapse-transition="false" - mode="vertical" - > - <sidebar-item v-for="route in permission_routes" :key="route.path" :item="route" :base-path="route.path" /> - </el-menu> - </el-scrollbar> - </div> -</template> - -<script> -import { mapGetters } from 'vuex' -import Logo from './Logo' -import SidebarItem from './SidebarItem' -import variables from '@/assets/styles/variables.scss' - -export default { - components: { SidebarItem, Logo }, - computed: { - ...mapGetters([ - 'permission_routes', - 'sidebar' - ]), - activeMenu() { - const route = this.$route - const { meta, path } = route - // if set path, the sidebar will highlight the path you set - if (meta.activeMenu) { - return meta.activeMenu - } - return path - }, - showLogo() { - return this.$store.state.settings.sidebarLogo - }, - variables() { - return variables - }, - isCollapse() { - return !this.sidebar.opened - } - } -} -</script> +<template> + <div :class="{'has-logo':showLogo}"> + <logo v-if="showLogo" :collapse="isCollapse" /> + <el-scrollbar wrap-class="scrollbar-wrapper"> + <el-menu + :default-active="activeMenu" + :collapse="isCollapse" + :background-color="variables.menuBg" + :text-color="variables.menuText" + :unique-opened="true" + :active-text-color="variables.menuActiveText" + :collapse-transition="false" + mode="vertical" + > + <sidebar-item v-for="route in permission_routes" :key="route.path" :item="route" :base-path="route.path" /> + </el-menu> + </el-scrollbar> + </div> +</template> + +<script> +import { mapGetters } from 'vuex' +import Logo from './Logo' +import SidebarItem from './SidebarItem' +import variables from '@/assets/styles/variables.scss' + +export default { + components: { SidebarItem, Logo }, + computed: { + ...mapGetters([ + 'permission_routes', + 'sidebar' + ]), + activeMenu() { + const route = this.$route + const { meta, path } = route + // if set path, the sidebar will highlight the path you set + if (meta.activeMenu) { + return meta.activeMenu + } + return path + }, + showLogo() { + return this.$store.state.settings.sidebarLogo + }, + variables() { + return variables + }, + isCollapse() { + return !this.sidebar.opened + } + } +} +</script> -- Gitblit v1.9.3