{"remainingRequest":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\jd_cgpt_fvue\\src\\components\\layout\\SideMenu.vue?vue&type=style&index=0&id=6ddb1cde&lang=scss&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\src\\components\\layout\\SideMenu.vue","mtime":1701745911888},{"path":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\jd_cgpt_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\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  background-color: #fff;\r\n  box-shadow: 0 0 12px 0 rgba($color: #000000, $alpha: 0.1);\r\n  box-sizing: border-box;\r\n  transition: 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\n//   height: 70px;\r\n//   line-height: 70px;\r\n//   width: 100%;\r\n//   color: #fff;\r\n//   text-align: center;\r\n//   overflow: 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.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.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.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  background-color: #fff;\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    color: black;\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  color: black;\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  background-color: #fff !important;\r\n}\r\n/deep/ .el-submenu__title .firstLevelTitle {\r\n  transition: all 0.1s linear;\r\n  font-size: 16px !important;\r\n  // color: $--menu-text;\r\n  color: black;\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  background-color: #d9e4ea !important;\r\n  span,\r\n  i,\r\n  svg {\r\n    // color: $--menu-text-active !important;\r\n    color: black !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  background-color: #d9e4ea !important;\r\n  span,\r\n  i,\r\n  svg {\r\n    // color: $--menu-text-active !important;\r\n    color: black !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  background-color: #ccc !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.aside-container /deep/ .el-menu-item:hover {\r\n  // background-color: $--menu-hover !important;\r\n  background-color: #ccc !important;\r\n  // color: $--menu-text-active;\r\n  color: black;\r\n}\r\n\r\n.aside-container /deep/ .subLevel:hover {\r\n  // background-color: $--menu-hover !important;\r\n  background-color: #ccc !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  color: black;\r\n}\r\n/deep/ .is-active {\r\n  > .subLevelTitle {\r\n    // color: $--menu-text-active;\r\n    color: black;\r\n  }\r\n}\r\n/deep/ .is-opened {\r\n  .firstLevelTitle {\r\n    // color: $--menu-text-active;\r\n    color: black;\r\n  }\r\n}\r\n",null]}