::v-deep=>:deep()

project/sass/apps/AppHouseMap/AppHouseMap.vue

@@ -99,7 +99,7 @@
           </el-button>
         </div>
       </div>
-      
+
       <div class="map-menu">
         <div class="map-menu__item">
           <div class="map-layers__wrapper">
@@ -292,7 +292,7 @@ export default {
             this.isShowInfo = true
           })
         }
-        
+
       }else { //楼栋
         this.instance.post(`/app/appcommunityhouseinfo/queryDetailByIdWithBuilding`,null,{
         params:{
@@ -474,7 +474,7 @@ export default {
   width: 100%;
 }
 
-::v-deep .ai-list__content--right-wrapper{
+:deep( .ai-list__content--right-wrapper){
   height: 100%;
   margin: 0px !important;
   background-color: transparent !important;
@@ -483,11 +483,11 @@ export default {
 
 
 .map {
-  ::v-deep .amap-logo, ::v-deep .amap-copyright {
+  :deep( .amap-logo), :deep( .amap-copyright ){
     display: none !important;
   }
 
-  ::v-deep .amap-icon {
+  :deep( .amap-icon ){
     width: 40px !important;
     height: 40px !important;
 
@@ -727,7 +727,7 @@ export default {
   height: 100%;
   overflow: hidden;
 
-  ::v-deep .ol-zoom {
+  :deep( .ol-zoom ){
     display: none !important;
     top: inherit !important;
     bottom: 0.5em !important;
@@ -802,7 +802,7 @@ export default {
   }
 }
 
-::v-deep .polymeric {
+:deep( .polymeric ){
   display: flex;
   position: relative;
   align-items: center;
@@ -868,7 +868,7 @@ export default {
   }
 }
 
-::v-deep .mark{
+:deep( .mark){
   user-select: none;
   cursor: pointer;
   height: 32px;
@@ -1269,11 +1269,11 @@ export default {
         }
       }
 
-      ::v-deep .el-input, ::v-deep input {
+      :deep( .el-input), :deep( input ){
         border: none;
       }
 
-      ::v-deep input {
+      :deep( input ){
         position: relative;
         flex: 1;
         height: 36px;

project/sass/apps/AppHouseMap/AppPopulationDV.vue

@@ -555,7 +555,7 @@ export default {
     width: 100%;
   }
 
-  ::v-deep .ai-list__content--right-wrapper {
+  :deep( .ai-list__content--right-wrapper ){
     height: 100%;
     margin: 0 !important;
     background-color: transparent !important;
@@ -805,7 +805,7 @@ export default {
     height: 100%;
     overflow: hidden;
 
-    ::v-deep .ol-zoom {
+    :deep( .ol-zoom ){
       display: none !important;
       top: inherit !important;
       bottom: 0.5em !important;
@@ -880,7 +880,7 @@ export default {
     }
   }
 
-  ::v-deep .polymeric {
+  :deep( .polymeric ){
     display: flex;
     position: relative;
     align-items: center;
@@ -946,7 +946,7 @@ export default {
     }
   }
 
-  ::v-deep .mark {
+  :deep( .mark ){
     user-select: none;
     cursor: pointer;
     height: 32px;
@@ -1389,11 +1389,11 @@ export default {
           }
         }
 
-        ::v-deep .el-input, ::v-deep input {
+        :deep( .el-input), :deep( input ){
           border: none;
         }
 
-        ::v-deep input {
+        :deep( input ){
           position: relative;
           flex: 1;
           height: 36px;

project/sass/apps/AppHouseMap/buildingStatistics.vue

@@ -200,7 +200,7 @@ export default {
   display: flex;
   flex-direction: column;
 
-  ::v-deep .ailist-title {
+  :deep( .ailist-title ){
     margin: 0 20px;
   }
 
@@ -338,7 +338,7 @@ export default {
       }
     }
 
-    ::v-deep .floors {
+    :deep( .floors ){
       max-height: 520px;
       max-width: 60vw;
       margin: 0 20px;

project/sass/apps/AppHouseMap/toolBar/buildingInfo.vue

@@ -143,7 +143,7 @@ export default {
 
 <style lang="scss" scoped>
 .buildingInfo {
-  ::v-deep .infoPane {
+  :deep( .infoPane ){
     box-sizing: border-box;
     padding: 10px 20px;