From ff0749984d2a018e8ef68fa9cd889490895c38fd Mon Sep 17 00:00:00 2001
From: 北风 <1638654441@qq.com>
Date: Fri, 22 May 2020 19:02:38 +0800
Subject: [PATCH] tagview & sidebar 主题颜色与element ui(全局)同步
---
ruoyi-ui/src/layout/components/Sidebar/index.vue | 39 +++++++++++++++++++++------------------
1 files changed, 21 insertions(+), 18 deletions(-)
diff --git a/ruoyi-ui/src/layout/components/Sidebar/index.vue b/ruoyi-ui/src/layout/components/Sidebar/index.vue
index 4d0c6c9..dc4f153 100644
--- a/ruoyi-ui/src/layout/components/Sidebar/index.vue
+++ b/ruoyi-ui/src/layout/components/Sidebar/index.vue
@@ -8,47 +8,50 @@
:background-color="variables.menuBg"
:text-color="variables.menuText"
:unique-opened="true"
- :active-text-color="variables.menuActiveText"
+ :active-text-color="settings.theme"
:collapse-transition="false"
mode="vertical"
>
- <sidebar-item v-for="route in permission_routes" :key="route.path" :item="route" :base-path="route.path" />
+ <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'
+import { mapGetters, mapState } 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'
- ]),
+ ...mapState(["settings"]),
+ ...mapGetters(["permission_routes", "sidebar"]),
activeMenu() {
- const route = this.$route
- const { meta, path } = route
+ 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 meta.activeMenu;
}
- return path
+ return path;
},
showLogo() {
- return this.$store.state.settings.sidebarLogo
+ return this.$store.state.settings.sidebarLogo;
},
variables() {
- return variables
+ return variables;
},
isCollapse() {
- return !this.sidebar.opened
+ return !this.sidebar.opened;
}
}
-}
+};
</script>
--
Gitblit v1.9.2