{"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=c388f610&lang=scss&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\src\\components\\layout\\SideMenu.vue","mtime":1699988906490},{"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\r\n@import '@/assets/css/element-variables.scss';\r\n.aside-container {\r\n  height: 100% !important;\r\n  width: $--aside-width;\r\n  position: relative;\r\n  background-color: $--menu-bg;\r\n  box-shadow: 0 0 12px 0 rgba($color: #000000, $alpha: 0.1);\r\n  box-sizing: border-box;\r\n}\r\n.aside-container.menu-hidden {\r\n    width: $--aside-width-hidden;\r\n}\r\n\r\n.logo_title {\r\n  height: 70PX;\r\n  line-height: 70PX;\r\n  width: 100%;\r\n  color: #fff;\r\n  text-align: center;\r\n  font-size: 24PX;\r\n  font-weight: bold;\r\n  .logo{\r\n    width: 50PX;\r\n    vertical-align: middle;\r\n    margin-right: 6PX;\r\n  }\r\n\r\n}\r\n.role-selector-wrap {\r\n  width: 100%;\r\n  display: flex;\r\n  width: 100%!important;\r\n  justify-content: center;\r\n  align-items: center;\r\n  margin: 10PX 0;\r\n  height: 30PX;\r\n}\r\n.role-label {\r\n  font-size: 12PX;\r\n  color: $--menu-text;\r\n}\r\n.role-selector {\r\n  width: 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\n  border-color: #fff;\r\n}\r\n// 如果有角色选择器\r\n.side-menu.short {\r\n    height: calc(100% - 120PX);\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\n  border-right: none;\r\n  background-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.noArrow{\r\n    /deep/ .el-submenu__icon-arrow{\r\n        display: none;\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\n  background-color:  $--menu-hover !important;\r\n}\r\n/deep/ .el-submenu__title .firstLevelTitle {\r\n  font-size: 16PX !important;\r\n  color: $--menu-text;\r\n}\r\n.firstLevel .header-icon {\r\n  font-size: 16PX;\r\n  margin-top: -4px;\r\n}\r\n.subLevel .header-icon {\r\n  font-size: 16PX;\r\n  margin-top: -4px;\r\n}\r\n.el-submenu__title *,\r\n.el-menu-item * {\r\n  vertical-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]}