education/frontend/node_modules/.cache/vue-loader/2159f469d311b24fa8f731e60332907d.json

{"remainingRequest":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Admin\\Desktop\\education\\frontend\\src\\layout\\components\\Sidebar\\index.vue?vue&type=style&index=0&id=33ec43fc&scoped=true&lang=scss","dependencies":[{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\src\\layout\\components\\Sidebar\\index.vue","mtime":1787567993815},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\css-loader\\dist\\cjs.js","mtime":1787309792478},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1787309794547},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\postcss-loader\\src\\index.js","mtime":1787309793084},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1787309791955},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1787309791955},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\vue-loader\\lib\\index.js","mtime":1787309793790}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCg0KLnNpZGViYXItdGhlbWUtd3JhcHBlciB7DQogICAgaGVpZ2h0OiAxMDAlOw0KICAgIGRpc3BsYXk6IGZsZXg7DQogICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsNCg0KICAgIC5lbC1zY3JvbGxiYXIgew0KICAgICAgICBmbGV4OiAxOw0KICAgICAgICBtaW4taGVpZ2h0OiAwOw0KICAgIH0NCn0NCg0KLnNpZGViYXItY29sbGFwc2UtYmFyIHsNCiAgICBmbGV4LXNocmluazogMDsNCiAgICBoZWlnaHQ6IDQ4cHg7DQogICAgZGlzcGxheTogZmxleDsNCiAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICAgIGp1c3RpZnktY29udGVudDogY2VudGVyOw0KICAgIGN1cnNvcjogcG9pbnRlcjsNCiAgICBjb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjcyKTsNCiAgICBib3JkZXItdG9wOiAxcHggc29saWQgcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjEwKTsNCiAgICBiYWNrZ3JvdW5kOiByZ2JhKDMsIDQ5LCA0MCwgMC4xOCk7DQogICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAxNjBtcyBlYXNlLCBjb2xvciAxNjBtcyBlYXNlOw0KDQogICAgJjpob3ZlciB7DQogICAgICAgIGNvbG9yOiAjZmZmZmZmOw0KICAgICAgICBiYWNrZ3JvdW5kOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMTApOw0KICAgIH0NCg0KICAgIC5jb2xsYXBzZS1oYW1idXJnZXIgew0KICAgICAgICBsaW5lLWhlaWdodDogNDhweDsNCiAgICAgICAgZm9udC1zaXplOiAxOHB4Ow0KICAgIH0NCn0NCg0KLnNpZGViYXItdGhlbWUtd3JhcHBlci50aGVtZS1saWdodCAuc2lkZWJhci1jb2xsYXBzZS1iYXIgew0KICAgIGNvbG9yOiAjOTA5Mzk5Ow0KfQ0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA","file":"index.vue","sourceRoot":"src/layout/components/Sidebar","sourcesContent":["<template>\r\n    <div :class=\"['sidebar-theme-wrapper', 'theme-dark']\" :style=\"{ backgroundColor: variables.menuBackground }\">\r\n        <el-scrollbar class=\"theme-dark\" wrap-class=\"scrollbar-wrapper\">\r\n            <el-menu\r\n                :default-active=\"activeMenu\"\r\n                :collapse=\"isCollapse\"\r\n                :background-color=\"variables.menuBackground\"\r\n                :text-color=\"variables.menuColor\"\r\n                :unique-opened=\"true\"\r\n                :active-text-color=\"'#ffffff'\"\r\n                :collapse-transition=\"false\"\r\n                mode=\"vertical\"\r\n            >\r\n                <sidebar-item\r\n                    v-for=\"(route, index) in sidebarRouters\"\r\n                    :key=\"route.path  + index\"\r\n                    :item=\"route\"\r\n                    :base-path=\"route.path\"\r\n                />\r\n            </el-menu>\r\n        </el-scrollbar>\r\n\r\n        <!-- 侧边栏底部折叠按钮 -->\r\n        <div class=\"sidebar-collapse-bar\" @click=\"toggleSideBar\" :title=\"isCollapse ? '展开菜单' : '收起菜单'\">\r\n            <hamburger :is-active=\"sidebar.opened\" class=\"collapse-hamburger\" />\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters, mapState } from \"vuex\"\r\nimport SidebarItem from \"./SidebarItem\"\r\nimport Hamburger from \"@/components/Hamburger\"\r\nimport variables from \"@/assets/styles/variables.scss\"\r\n\r\nexport default {\r\n    components: { SidebarItem, Hamburger },\r\n    computed: {\r\n        ...mapState([\"settings\"]),\r\n        ...mapGetters([\"sidebarRouters\", \"sidebar\"]),\r\n        activeMenu() {\r\n            const route = this.$route\r\n            const { meta, path } = route\r\n            // if set path, the sidebar will highlight the path you set\r\n            if (meta.activeMenu) {\r\n                return meta.activeMenu\r\n            }\r\n            return path\r\n        },\r\n        variables() {\r\n            return variables\r\n        },\r\n        isCollapse() {\r\n            return !this.sidebar.opened\r\n        }\r\n    },\r\n    methods: {\r\n        toggleSideBar() {\r\n            this.$store.dispatch('app/toggleSideBar')\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.sidebar-theme-wrapper {\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    .el-scrollbar {\r\n        flex: 1;\r\n        min-height: 0;\r\n    }\r\n}\r\n\r\n.sidebar-collapse-bar {\r\n    flex-shrink: 0;\r\n    height: 48px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    color: rgba(255, 255, 255, 0.72);\r\n    border-top: 1px solid rgba(255, 255, 255, 0.10);\r\n    background: rgba(3, 49, 40, 0.18);\r\n    transition: background-color 160ms ease, color 160ms ease;\r\n\r\n    &:hover {\r\n        color: #ffffff;\r\n        background: rgba(255, 255, 255, 0.10);\r\n    }\r\n\r\n    .collapse-hamburger {\r\n        line-height: 48px;\r\n        font-size: 18px;\r\n    }\r\n}\r\n\r\n.sidebar-theme-wrapper.theme-light .sidebar-collapse-bar {\r\n    color: #909399;\r\n}\r\n</style>\r\n"]}]}