::v-deep=>:deep()

packages/bigscreen/designer/components/Layout.vue

@@ -483,7 +483,7 @@ export default {
   color: #fff;
   background: #1d1e1f;
 
-  ::v-deep .dv-scroll-board {
+  :deep( .dv-scroll-board ){
     height: calc(100%) !important;
 
     .header-item {
@@ -567,17 +567,17 @@ export default {
         opacity: 0.8;
       }
 
-      ::v-deep .el-upload-list--picture-card, ::v-deep.el-upload-list__item-thumbnail, ::v-deep .uploader {
+      :deep( .el-upload-list--picture-card), :deep(.el-upload-list__item-thumbnail), :deep( .uploader ){
         width: 232px;
         height: 120px;
       }
 
-      ::v-deep .el-upload-list--picture-card .el-upload-list__item {
+      :deep( .el-upload-list--picture-card .el-upload-list__item ){
         width: 232px;
         height: 120px;
       }
 
-      ::v-deep .el-upload--picture-card {
+      :deep( .el-upload--picture-card ){
         background-color: transparent;
       }
 
@@ -604,7 +604,7 @@ export default {
     }
   }
 
-  ::v-deep #dv-full-screen-container {
+  :deep( #dv-full-screen-container ){
     width: 100% !important;
     height: 100% !important;
   }
@@ -872,11 +872,11 @@ export default {
         width: 100%;
         padding: 18px 0 0 18px;
 
-        ::v-deep .vue-ruler-ref-line-v, ::v-deep .vue-ruler-ref-line-h {
+        :deep( .vue-ruler-ref-line-v), :deep( .vue-ruler-ref-line-h ){
           display: none;
         }
 
-        ::v-deep .vue-ruler-v {
+        :deep( .vue-ruler-v ){
           .n {
             transform: rotate(180deg);
           }
@@ -896,7 +896,7 @@ export default {
       }
     }
 
-    ::v-deep .handle {
+    :deep( .handle ){
       border-radius: 100%;
       border: none;
       background-color: #09f;
@@ -945,7 +945,7 @@ export default {
     border-left: 1px solid #000000;
     background: #1D2127;
 
-    ::v-deep.el-input-number {
+    :deep(.el-input-number ){
       width: 106px;
       margin-right: 20px;
 
@@ -967,7 +967,7 @@ export default {
       }
     }
 
-    ::v-deep.layout-right__content {
+    :deep(.layout-right__content ){
       height: calc(100% - 40px);
       overflow-y: overlay;
       overflow-x: hidden;