优化代码

src/renderer/App.vue

@@ -10,6 +10,6 @@ export default {
 }
 </script>
 <style lang="scss">
-  @import './styles/index.scss'; // 全局自定义的css样式
+  @use './styles/index.scss'; // 全局自定义的css样式
 </style>
 

src/renderer/components/workAdd/files/file-back.vue

@@ -328,7 +328,7 @@ export default {
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
-  /deep/.el-dialog__header {
+  ::v-deep.el-dialog__header {
     padding: 10px;
   }
 }

src/renderer/components/workAdd/files/file.vue

@@ -328,7 +328,7 @@ export default {
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
-  /deep/.el-dialog__header {
+  ::v-deep.el-dialog__header {
     padding: 10px;
   }
 }

src/renderer/components/workAdd/files/progressdialog.vue

@@ -161,10 +161,10 @@ export default {
 }
 .progress {
   // border: 1px black solid;
-  /deep/ .el-progress-bar {
+  ::v-deep .el-progress-bar {
     width: 97%;
   }
-  /deep/.el-progress__text {
+  ::v-deep.el-progress__text {
     float: right;
   }
   .txt {

src/renderer/styles/index.scss

@@ -1,8 +1,8 @@
-@import './variables.scss';
-@import './mixin.scss';
-@import './transition.scss';
-@import './element-ui.scss';
-@import './sidebar.scss';
+@use './variables.scss';
+@use './mixin.scss';
+@use './transition.scss';
+@use './element-ui.scss';
+@use './sidebar.scss';
 
 body {
   -moz-osx-font-smoothing: grayscale;

src/renderer/styles/sidebar.scss

@@ -69,9 +69,9 @@
   .sidebar-container .nest-menu .el-submenu>.el-submenu__title,
   .sidebar-container .el-submenu .el-menu-item {
     min-width: 180px !important;
-    background-color: $subMenuBg !important;
+    background-color: #1f2d3d !important;
     &:hover {
-      background-color: $menuHover !important;
+      background-color: #001528 !important;
     }
   }
   .el-menu--collapse .el-menu .el-submenu {