[代码优化](v2.5): node-sass 替换为 dart-sass， /deep/ 变更为 ::v-deep

src/components/HeaderSearch/index.vue

@@ -167,7 +167,7 @@ export default {
     display: inline-block;
     vertical-align: middle;
 
-    /deep/ .el-input__inner {
+   ::v-deep .el-input__inner {
       border-radius: 0;
       border: 0;
       padding-left: 0;

src/layout/components/TagsView/ScrollPane.vue

@@ -73,7 +73,7 @@ export default {
   position: relative;
   overflow: hidden;
   width: 100%;
-  /deep/ {
+ ::v-deep {
     .el-scrollbar__bar {
       bottom: 0px;
     }

src/views/components/Editor.vue

@@ -66,7 +66,7 @@ export default {
   .text {
     text-align:left;
   }
-  /deep/ .w-e-text-container {
+ ::v-deep .w-e-text-container {
     height: 420px !important;
   }
 </style>

src/views/generator/config.vue

@@ -319,7 +319,7 @@ export default {
 </style>
 
 <style scoped>
-  /deep/ .input-with-select .el-input-group__prepend {
+ ::v-deep .input-with-select .el-input-group__prepend {
     background-color: #fff;
   }
 </style>

src/views/mnt/server/index.vue

@@ -134,7 +134,7 @@ export default {
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-  /deep/ .el-input-number .el-input__inner {
+ ::v-deep .el-input-number .el-input__inner {
     text-align: left;
   }
 </style>

src/views/monitor/server/index.vue

@@ -251,7 +251,7 @@ export default {
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-  /deep/ .box-card {
+ ::v-deep .box-card {
     margin-bottom: 5px;
     span {
       margin-right: 28px;

src/views/system/dept/index.vue

@@ -246,13 +246,13 @@ export default {
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-  /deep/ .vue-treeselect__control, /deep/ .vue-treeselect__placeholder, /deep/ .vue-treeselect__single-value {
+ ::v-deep .vue-treeselect__control,::v-deep .vue-treeselect__placeholder,::v-deep .vue-treeselect__single-value {
     height: 30px;
     line-height: 30px;
   }
 </style>
 <style rel="stylesheet/scss" lang="scss" scoped>
-  /deep/ .el-input-number .el-input__inner {
+ ::v-deep .el-input-number .el-input__inner {
     text-align: left;
   }
 </style>

src/views/system/dict/dictDetail.vue

@@ -109,7 +109,7 @@ export default {
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-  /deep/ .el-input-number .el-input__inner {
+ ::v-deep .el-input-number .el-input__inner {
     text-align: left;
   }
 </style>

src/views/system/job/index.vue

@@ -109,7 +109,7 @@ export default {
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-  /deep/ .el-input-number .el-input__inner {
+ ::v-deep .el-input-number .el-input__inner {
     text-align: left;
   }
 </style>

src/views/system/job/module/form.vue

@@ -104,7 +104,7 @@ export default {
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-  /deep/ .el-input-number .el-input__inner {
+ ::v-deep .el-input-number .el-input__inner {
     text-align: left;
   }
 </style>

src/views/system/menu/index.vue

@@ -246,10 +246,10 @@ export default {
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-  /deep/ .el-input-number .el-input__inner {
+ ::v-deep .el-input-number .el-input__inner {
     text-align: left;
   }
-  /deep/ .vue-treeselect__control, /deep/ .vue-treeselect__placeholder, /deep/ .vue-treeselect__single-value {
+ ::v-deep .vue-treeselect__control,::v-deep .vue-treeselect__placeholder,::v-deep .vue-treeselect__single-value {
     height: 30px;
     line-height: 30px;
   }

src/views/system/role/index.vue

@@ -348,13 +348,13 @@ export default {
 </style>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-  /deep/ .el-input-number .el-input__inner {
+ ::v-deep .el-input-number .el-input__inner {
     text-align: left;
   }
-  /deep/ .vue-treeselect__multi-value{
+ ::v-deep .vue-treeselect__multi-value{
     margin-bottom: 0;
   }
-  /deep/ .vue-treeselect__multi-value-item{
+ ::v-deep .vue-treeselect__multi-value-item{
     border: 0;
     padding: 0;
   }

src/views/system/timing/log.vue

@@ -102,7 +102,7 @@ export default {
     color: #444;
     background: #ffffff !important;
   }
-  /deep/ .el-dialog__body{
+ ::v-deep .el-dialog__body{
     padding: 0 20px 10px 20px !important;
   }
 </style>

src/views/system/user/index.vue

@@ -372,8 +372,8 @@ export default {
         })
         return false
       }
-      crud.form.roles = userRoles
-      crud.form.jobs = userJobs
+      // crud.form.roles = userRoles
+      // crud.form.jobs = userJobs
       return true
     },
     // 获取左侧部门数据
@@ -491,7 +491,7 @@ export default {
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-  /deep/ .vue-treeselect__control, /deep/ .vue-treeselect__placeholder, /deep/ .vue-treeselect__single-value {
+ ::v-deep .vue-treeselect__control,::v-deep .vue-treeselect__placeholder,::v-deep .vue-treeselect__single-value {
     height: 30px;
     line-height: 30px;
   }

src/views/tools/email/send.vue

@@ -136,7 +136,7 @@ export default {
     margin: 20px;
     width: 730px;
   }
-  /deep/ .w-e-text-container {
+ ::v-deep .w-e-text-container {
     height: 360px !important;
   }
 </style>

src/views/tools/storage/local/index.vue

@@ -179,10 +179,10 @@ export default {
 </script>
 
 <style scoped>
-  /deep/ .el-image__error, .el-image__placeholder{
+ ::v-deep .el-image__error, .el-image__placeholder{
     background: none;
   }
-  /deep/ .el-image-viewer__wrapper{
+ ::v-deep .el-image-viewer__wrapper{
     top: 55px;
   }
 </style>