{"remainingRequest":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\sfz-lh-fvue\\src\\components\\layout\\SideMenu.vue?vue&type=style&index=0&id=7f2a4fb7&lang=scss&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\src\\components\\layout\\SideMenu.vue","mtime":1705604912221},{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n@import '@/assets/css/element-variables.scss';\r\n.aside-container {\r\nheight: 100% !important;\r\nwidth: $--aside-width;\r\nposition: relative;\r\nbackground-color: $--menu-bg;\r\nbox-shadow: 0 0 12px 0 rgba($color: #000000, $alpha: 0.1);\r\nbox-sizing: border-box;\r\ntransition: width 0.2s linear;\r\n}\r\n.aside-container.menu-hidden {\r\n width: $--aside-width-hidden;\r\n}\r\n\r\n.logo_title {\r\nheight: 70PX;\r\nline-height: 70PX;\r\nwidth: 100%;\r\ncolor: #fff;\r\ntext-align: center;\r\noverflow: hidden;\r\n.logo{\r\n width: 50PX;\r\n vertical-align: middle;\r\n margin-right: 6PX;\r\n}\r\n.title{\r\n font-size: 24PX;\r\n font-weight: bold;\r\n opacity: 1;\r\n transition: opacity 0.5s linear;\r\n}\r\n.title.title-hidden{\r\n opacity: 0;\r\n}\r\n\r\n}\r\n.role-selector-wrap {\r\nwidth: 100%;\r\ndisplay: flex;\r\nwidth: 100%!important;\r\njustify-content: center;\r\nalign-items: center;\r\nmargin: 10PX 0;\r\nheight: 30PX;\r\n}\r\n.role-label {\r\nfont-size: 12PX;\r\ncolor: $--menu-text;\r\n}\r\n.role-selector {\r\nwidth: 160PX;\r\n/deep/ .el-input__inner {\r\n background-color: #616166;\r\n border-color: #616166;\r\n color: $--menu-text;\r\n}\r\n/deep/ .el-input.is-focus .el-input__inner,\r\n.el-input__inner:focus {\r\n border-color: #fff;\r\n}\r\n}\r\n/deep/.el-select .el-input__inner:focus {\r\nborder-color: #fff;\r\n}\r\n// 如果有角色选择器\r\n.side-menu.short {\r\n height: calc(100% - 120PX);\r\n}\r\n.side-menu.full {\r\n height: 100%;\r\n}\r\n.side-menu{\r\n width: 100%;\r\n height: calc(100% - 70PX);\r\n}\r\n.editScroll {\r\n height: 100%;\r\n overflow-x: hidden;\r\n}\r\n\r\n\r\n.el-menu-vertical {\r\n height: 100% !important;\r\n .header-icon {\r\n margin-right: 10PX;\r\n font-size: 16PX;\r\n vertical-align: middle;\r\n margin-top: -1px;\r\n }\r\n}\r\n/deep/ .el-menu {\r\nborder-right: none;\r\nbackground-color: $--menu-bg;\r\n}\r\n/deep/ .el-menu-item {\r\n padding: 0 20px !important;\r\n height: 48PX;\r\n line-height: 48PX;\r\n span,\r\n svg {\r\n font-size: 16PX !important;\r\n color: $--menu-text;\r\n }\r\n}\r\n\r\n/deep/ .el-submenu__title {\r\n padding: 0 20PX !important;\r\n height: 48PX;\r\n line-height: 48PX;\r\n color: $--menu-text;\r\n}\r\n\r\n/deep/ .el-submenu .el-menu-item {\r\n padding: 0 40px !important;\r\n box-sizing: border-box;\r\n}\r\n\r\n/deep/ .el-menu--inline{\r\nbackground-color: $--menu-hover !important;\r\n}\r\n/deep/ .el-submenu__title .firstLevelTitle {\r\n transition: all 0.1s linear;\r\nfont-size: 16PX !important;\r\ncolor: $--menu-text;\r\n}\r\n.firstLevel .header-icon {\r\nfont-size: 16PX;\r\nmargin-top: -4px;\r\n}\r\n.subLevel .header-icon {\r\nfont-size: 16PX;\r\nmargin-top: -4px;\r\n}\r\n.el-submenu__title *,\r\n.el-menu-item * {\r\nvertical-align: baseline;\r\n}\r\n.aside-container /deep/ .el-submenu__title:hover,\r\n.aside-container /deep/ .el-submenu__title.is-active {\r\n background-color: $--menu-bg !important;\r\n span,\r\n i,\r\n svg {\r\n color: $--menu-text-active !important;\r\n }\r\n}\r\n\r\n.aside-container /deep/ .el-menu-item.is-active{\r\n position: relative;\r\n background-color: $--menu-active !important;\r\n span,\r\n i,\r\n svg {\r\n color: $--menu-text-active !important;\r\n }\r\n}\r\n.aside-container /deep/ .el-menu-item.is-active:hover{\r\n background-color: $--menu-active !important;\r\n}\r\n.aside-container /deep/ .el-menu-item.is-active::after{\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n width: 4px;\r\n height: 100%;\r\n background-color: $--menu-active-side;\r\n \r\n}\r\n.aside-container /deep/ .el-menu-item:hover {\r\n background-color: $--menu-hover !important;\r\n color: $--menu-text-active;\r\n}\r\n\r\n.aside-container /deep/ .subLevel:hover {\r\n background-color: $--menu-hover !important;\r\n span,\r\n i,\r\n svg {\r\n color: $--menu-text-active !important;\r\n }\r\n}\r\n/deep/ .el-scrollbar__wrap {\r\n width: calc(100% + 10px) !important;;\r\n height: calc(100% + 10px) !important;\r\n}\r\n/deep/ .el-menu-item span {\r\n color: $--menu-text;\r\n}\r\n/deep/ .is-active {\r\n > .subLevelTitle {\r\n color: $--menu-text-active;\r\n }\r\n}\r\n/deep/ .is-opened {\r\n .firstLevelTitle {\r\n color: $--menu-text-active;\r\n }\r\n}\r\n",null]}