::v-deep 替换 /deep/

src/views/college/detail.vue

@@ -78,7 +78,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-/deep/ {
+::v-deep {
     .el-breadcrumb__inner a, .el-breadcrumb__inner.is-link{
         color: #606266;
     }

src/views/contract/exchange-store.vue

@@ -480,7 +480,7 @@ export default {
     .btn,.kaicang{
         font-size: 0.9rem;
     }
-    /* /deep/ .el-slider__stop{
+    /* ::v-deep .el-slider__stop{
         background-color: ;
     } */
 </style>

src/views/forgotPwd/index.vue

@@ -112,7 +112,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-/deep/ .el-input__inner,.form-control{
+::v-deep .el-input__inner,.form-control{
     padding-top:.375rem;
     padding-bottom:.375rem;
     height: 45px !important;

src/views/notice/detail.vue

@@ -76,7 +76,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-/deep/ {
+::v-deep {
     .el-breadcrumb__inner a, .el-breadcrumb__inner.is-link{
         color: #606266;
     }

src/views/option/index.vue

@@ -287,7 +287,7 @@ export default {
   border: none;
 }
 
-/deep/ .el-collapse-item:last-child {
+::v-deep .el-collapse-item:last-child {
   .el-collapse-item__header {
     border-bottom: 0;
   }

src/views/otc/ad.vue

@@ -165,7 +165,7 @@ export default {
   justify-content: center;
   background: linear-gradient(to right, #6d9ef9, #1f5df4);
 }
-/deep/ .el-dialog {
+::v-deep .el-dialog {
   background-color: #222e3d;
   color: #fff;
   &__title {

src/views/otc/index.vue

@@ -326,7 +326,7 @@ export default {
   justify-content: center;
   background: linear-gradient(to right, #6d9ef9, #1f5df4);
 }
-/deep/ .el-dialog {
+::v-deep .el-dialog {
   background-color: #222e3d;
   color: #fff;
   &__title {

src/views/otc/order.vue

@@ -172,7 +172,7 @@ export default {
   justify-content: center;
   background: linear-gradient(to right, #6d9ef9, #1f5df4);
 }
-/deep/ .el-dialog {
+::v-deep .el-dialog {
   background-color: #222e3d;
   color: #fff;
   &__title {

src/views/profile/certification.vue

@@ -394,7 +394,7 @@ export default {
 
 <style scoped lang="scss">
 .upload-demo {
-  /deep/ .el-upload-dragger {
+  ::v-deep .el-upload-dragger {
     width: 300px;
     height: 150px;
   }
@@ -405,7 +405,7 @@ export default {
     object-fit: cover;
   }
 }
- /deep/{
+::v-deep{
    .el-step__title.is-process{
     color: white;
   }

src/views/purchase/index.vue

@@ -461,7 +461,7 @@ export default {
 .table tr:hover{
     background: #e9e9e9 !important;
 }
-/deep/ {
+::v-deep {
   .el-step__icon {
     background: #222e3d;
   }

src/views/wallet/address.vue

@@ -392,7 +392,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-/deep/ {
+::v-deep {
   .el-collapse {
     border-top-color: #4e4e5d;
     border-bottom-color: #4e4e5d;

src/views/wallet/exchange-assets.vue

@@ -773,7 +773,7 @@ created() {
   border-bottom: 1px solid;
 }
 .upload-demo {
-  /deep/ .el-upload-dragger {
+  ::v-deep .el-upload-dragger {
     width: 200px;
     height: 150px;
   }
@@ -784,7 +784,7 @@ created() {
     object-fit: cover;
   }
 }
- /deep/{
+::v-deep{
    .el-step__title.is-process{
     color: white;
   }