{"remainingRequest":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\ljzc-fvue\\src\\components\\layout\\SideMenu\\index.vue?vue&type=style&index=0&id=6af3cf33&lang=scss&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\src\\components\\layout\\SideMenu\\index.vue","mtime":1702030575319},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\ljzc-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\r\n@import '@/assets/css/element-variables';\r\n\r\n$font-color: #0F2A4D;\r\n$icon-color: #616e80;\r\n$icon-color-hover: #1150A0;\r\n\r\n.aside-menu {\r\n  height: 100% !important;\r\n  position: relative;\r\n  transition: width 0.2s;\r\n  width: 0;\r\n  flex-shrink: 0;\r\n\r\n  &.menu-long {\r\n    width: 240px;\r\n  }\r\n\r\n  &.menu-short {\r\n    width: 58px;\r\n\r\n    .sidebar-panel {\r\n      .sidebar-panel-header {\r\n        .sidebar-panel-header-right {\r\n          //width: 0;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &.menu-hide {\r\n    width: 0 !important;\r\n  }\r\n\r\n  .sidebar-panel {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    overflow: hidden;\r\n    z-index: 10;\r\n    background-color: #fff;\r\n    background-image: url(\"~@/assets/img/publicLayout/menu-bg.png\");\r\n    background-repeat: no-repeat;\r\n    background-position: 0 30vh;\r\n    background-size: 100% calc(100% - 30vh);\r\n\r\n\r\n    .sidebar-panel-header {\r\n      width: 240px;\r\n      display: flex;\r\n      align-items: center;\r\n      box-sizing: border-box;\r\n      position: relative;\r\n      white-space: nowrap;\r\n      cursor: pointer;\r\n      user-select: none;\r\n      left: 0;\r\n      top: 0;\r\n\r\n      .show-icon {\r\n        width: 58px;\r\n        height: 58px;\r\n        text-align: center;\r\n        line-height: 58px;\r\n        font-size: 28px;\r\n        color: $icon-color;\r\n      }\r\n\r\n      .sidebar-panel-header-right {\r\n        height: 100%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        flex: 1;\r\n        padding-right: 20px;\r\n\r\n        .header-title {\r\n          height: 20px;\r\n          line-height: 20px;\r\n          color: $font-color;\r\n          font-size: 14px;\r\n          font-family: Microsoft YaHei, serif;\r\n        }\r\n\r\n        .arrow-icon {\r\n          color: $icon-color;\r\n          font-size: 16px;\r\n        }\r\n      }\r\n    }\r\n\r\n    p {\r\n      margin: 0 10px;\r\n      bottom: 0;\r\n      height: 1px;\r\n      background: #c0c0c0;\r\n    }\r\n\r\n    .sidebar-collection-service {\r\n      width: 240px;\r\n      position: relative;\r\n      left: 0;\r\n      top: 0;\r\n      flex: 1;\r\n      overflow-x: hidden;\r\n      overflow-y: auto;\r\n\r\n      &::-webkit-scrollbar {\r\n        display: none\r\n      }\r\n\r\n      .service-item {\r\n        width: 100%;\r\n        display: flex;\r\n        align-items: center;\r\n        transition: all 0.3s;\r\n        cursor: pointer;\r\n        user-select: none;\r\n\r\n        &:hover {\r\n          background: #E5F2FF;\r\n\r\n          .service-item-left {\r\n            svg {\r\n              color: $icon-color-hover;\r\n            }\r\n          }\r\n\r\n          .service-item-right {\r\n            .service-item-title {\r\n              color: $icon-color-hover;\r\n            }\r\n\r\n            .function-box {\r\n              opacity: 1;\r\n            }\r\n          }\r\n        }\r\n\r\n        .service-item-left {\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          width: 58px;\r\n          height: 52px;\r\n\r\n          svg {\r\n            font-size: 28px;\r\n            color: $icon-color;\r\n            transition: all 0.3s;\r\n          }\r\n        }\r\n\r\n        .service-item-right {\r\n          display: flex;\r\n          justify-content: space-between;\r\n          align-items: center;\r\n          flex: 1;\r\n          padding-right: 10px;\r\n\r\n          .service-item-title {\r\n            height: 20px;\r\n            line-height: 20px;\r\n            color: $font-color;\r\n            font-size: 14px;\r\n            font-family: Microsoft YaHei, serif;\r\n            transition: all 0.3s;\r\n          }\r\n\r\n          .function-box {\r\n            opacity: 0;\r\n            transition: all 0.1s;\r\n\r\n            .collect-icon {\r\n              display: inline-block;\r\n              width: 20px;\r\n              height: 20px;\r\n              background: url(\"~@/assets/img/publicLayout/collect2.png\") no-repeat 50% 70%;\r\n              background-size: 70% 70%;\r\n              transition: all 0.2s;\r\n\r\n              &:hover {\r\n                background: url(\"~@/assets/img/publicLayout/collect1.png\") no-repeat 50% 70%;\r\n                background-size: 70% 70%;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n    }\r\n\r\n  }\r\n\r\n  .service-popup {\r\n    position: absolute;\r\n    width: 1000px;\r\n    top: 0;\r\n    height: 100%;\r\n    background: #fff;\r\n    box-shadow: 4px 0 10px 0 rgba(53, 152, 220, 0.1);\r\n    border: 1px solid #D9D9D9;\r\n    z-index: 5;\r\n    left: -1000px;\r\n    transition: all 0.2s;\r\n\r\n    &.service-popup-show {\r\n      left: 240px;\r\n    }\r\n  }\r\n\r\n}\r\n",null]}