{"remainingRequest":"D:\\jenkins\\workspace\\damDance-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\damDance-fvue\\src\\components\\layout\\Navigator.vue?vue&type=style&index=0&id=5dd363d9&lang=scss&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\damDance-fvue\\src\\components\\layout\\Navigator.vue","mtime":1696817248794},{"path":"D:\\jenkins\\workspace\\damDance-fvue\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\damDance-fvue\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\damDance-fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\damDance-fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\damDance-fvue\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\damDance-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\damDance-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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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\r\n.title {\r\n  width: 240px;\r\n  height: 60PX;\r\n  font-size: 24px;\r\n  font-family: Microsoft YaHei-Bold, Microsoft YaHei;\r\n  font-weight: 700;\r\n  color: #ffffff;\r\n  line-height: 60PX;\r\n}\r\n\r\n.el-header {\r\n  padding: 0;\r\n}\r\n\r\n.header-container {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  background-color: $--navigator-main-color;\r\n  //   color: #fff;\r\n  z-index: 999;\r\n}\r\n\r\n.operation-manual {\r\n  color: #2761ff;\r\n  background: #e9efff;\r\n  padding: 6px 12px;\r\n  border: 1px solid #a9c0ff;\r\n  cursor: pointer;\r\n  margin-right: 20px;\r\n  font-weight: bold;\r\n  border-radius: 5px;\r\n\r\n  i {\r\n    color: #2761ff;\r\n    margin-right: 6px;\r\n  }\r\n\r\n  .sub-back {\r\n    color: #fff;\r\n  }\r\n\r\n  &:first-child {\r\n    color: #fff;\r\n    background: #2761ff;\r\n    border: 1px solid #2761ff;\r\n  }\r\n}\r\n.action-btn {\r\n  width: 100px;\r\n  height: 35px;\r\n  border-radius: 5px;\r\n  box-sizing: border-box;\r\n  padding: 0;\r\n  margin: 0 10px 0 0;\r\n}\r\n.operation-manual:hover {\r\n  background: #2761ff;\r\n  border-color: #2761ff;\r\n  color: #ffffff;\r\n\r\n  i {\r\n    color: #ffffff;\r\n  }\r\n}\r\n\r\n.header-left {\r\n  // width: 18%;\r\n  flex: 1;\r\n  margin-left: 10px;\r\n  display: flex;\r\n  // justify-content: space-around;\r\n  align-items: center;\r\n  flex-wrap: nowrap;\r\n\r\n  //   cursor: pointer;\r\n  .logo {\r\n    width: 50px;\r\n    height: auto;\r\n    vertical-align: middle;\r\n  }\r\n\r\n  .title {\r\n    width: 260px;\r\n    margin-left: 10px;\r\n    vertical-align: middle;\r\n  }\r\n\r\n  h1 {\r\n    font-size: 15px;\r\n    padding-left: 10px;\r\n  }\r\n\r\n  h4 {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .percent {\r\n    font-size: 14px;\r\n    padding-right: 10px;\r\n\r\n    &:first-child {\r\n      color: #409eff;\r\n    }\r\n\r\n    &:nth-child(2) {\r\n      color: #67c23a;\r\n    }\r\n\r\n    &:last-child {\r\n      color: #f56c6c;\r\n    }\r\n  }\r\n}\r\n\r\n.first-menus {\r\n  width: 78%;\r\n  display: flex;\r\n}\r\n\r\n.first-menus-item {\r\n  margin: 0 10px;\r\n  padding: 8px 20px 12px;\r\n  position: relative;\r\n  cursor: pointer;\r\n  font-size: 18px;\r\n  color: $--navigator-text-color;\r\n\r\n  .header-icon {\r\n    font-size: 18px;\r\n  }\r\n}\r\n\r\n.first-menus-item.active-menu,\r\n.first-menus-item:hover {\r\n  color: $--navigator-main-text-color;\r\n}\r\n\r\n.header-right {\r\n  margin-right: 10px;\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  .input {\r\n    width: 340px;\r\n    height: 40px;\r\n    border-radius: 4px;\r\n    margin: 19px 36px;\r\n    margin-left: 24px;\r\n\r\n    /deep/ .el-input input,\r\n    /deep/ .el-input-group__append {\r\n      background-color: #f1f1f1;\r\n      border: none;\r\n\r\n      .el-icon-search {\r\n        font-size: 18px;\r\n      }\r\n    }\r\n\r\n    /deep/ .el-input-group {\r\n      height: 100%;\r\n    }\r\n\r\n    /deep/ .el-input {\r\n      input {\r\n        font-size: 16px;\r\n        font-weight: normal;\r\n        font-stretch: normal;\r\n        line-height: 19px;\r\n        letter-spacing: 0px;\r\n        height: 100%;\r\n      }\r\n\r\n      input::-webkit-input-placeholder {\r\n        // 针对 谷歌 内核\r\n        font-family: Microsoft YaHei;\r\n        font-size: 16px;\r\n        font-weight: normal;\r\n        font-stretch: normal;\r\n        line-height: 19px;\r\n        letter-spacing: 0px;\r\n        color: #c4c4c4;\r\n      }\r\n\r\n      input:-moz-placeholder {\r\n        // 火狐\r\n        font-family: Microsoft YaHei;\r\n        font-size: 16px;\r\n        font-weight: normal;\r\n        font-stretch: normal;\r\n        line-height: 19px;\r\n        letter-spacing: 0px;\r\n        color: #c4c4c4;\r\n      }\r\n\r\n      input:-ms-input-placeholder {\r\n        // 微软ie\r\n        font-family: Microsoft YaHei;\r\n        font-size: 16px;\r\n        font-weight: normal;\r\n        font-stretch: normal;\r\n        line-height: 19px;\r\n        letter-spacing: 0px;\r\n        color: #c4c4c4;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.el-avatar {\r\n  width: 50px;\r\n  height: 50px;\r\n  line-height: 50px;\r\n}\r\n\r\n.el-avatar i {\r\n  font-size: 16px;\r\n  color: #c0c4cc;\r\n}\r\n\r\n.user-box-header {\r\n  padding: 10px;\r\n\r\n  h3 {\r\n    color: $--navigator-text-color;\r\n    font-weight: bold;\r\n  }\r\n}\r\n\r\n.user-link-ul {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n//   background: $--navigator-main-color;\r\n\r\n  > li {\r\n    padding: 8px 10px;\r\n    cursor: pointer;\r\n    color: $--navigator-text-color;\r\n  }\r\n\r\n  > li > i {\r\n    margin-right: 5px;\r\n    font-size: 16px;\r\n    font-weight: bold;\r\n  }\r\n\r\n  > li:hover {\r\n    color: $--navigator-text-color;\r\n    background-color: #f1f1f1;\r\n  }\r\n\r\n  .el-link {\r\n    color: #606266 !important;\r\n\r\n    i {\r\n      font-size: 16px;\r\n      margin-right: 5px;\r\n      vertical-align: middle;\r\n    }\r\n  }\r\n}\r\n\r\n.user-box-logout {\r\n  justify-content: center;\r\n  background: $--navigator-main-color;\r\n  // border-top: 1px solid rgba($--navigator-text-color,0.1);\r\n  // border-bottom: 1px solid rgba($--navigator-text-color,0.1);\r\n  // margin-top: 10px;\r\n  color: $--navigator-main-text-color !important;\r\n}\r\n\r\n.user-box-logout:hover {\r\n  background: $--navigator-main-text-color;\r\n}\r\n\r\n.user-box-logout > .el-link {\r\n  line-height: 46px;\r\n  width: 100%;\r\n  color: $--navigator-main-text-color !important;\r\n  background: $--navigator-main-color;\r\n}\r\n\r\n.user-box-logout > .el-link:hover,\r\n.user-box-logout > .el-link:focus {\r\n  color: $--navigator-main-text-color !important;\r\n}\r\n",null]}