::v-deep=>:deep()

project/pengliuyang/apps/AppCommunityResource/components/addResource.vue

@@ -255,14 +255,14 @@ export default {
 <style lang="scss" scoped>
 .addResource {
 
-  ::v-deep .amap-logo {
+  :deep( .amap-logo ){
     display: none!important;
   }
-  ::v-deep .amap-copyright {
+  :deep( .amap-copyright ){
     display: none!important;
   }
 
-  ::v-deep .mapDialog {
+  :deep( .mapDialog ){
     .el-dialog__body {
       padding: 0;
 
@@ -308,4 +308,4 @@ export default {
     }
   }
 }
-</style>
+</style>

project/pengliuyang/apps/AppCommunityResource/components/resourceMap.vue

@@ -117,7 +117,7 @@ export default {
 
     renderMarker(context) {
       const resourceId = context.data[0].id
-      
+
       let el = `<img src="${context.data[0].icon}" style="${resourceId === this.chooseResourceId ? 'width:50px;height:50px;' : 'width:38px;height:38px;'}" id="resourceId-${resourceId}" class="mark-icon" />`
 
       context.marker.setContent(el);
@@ -234,7 +234,7 @@ export default {
 
 <style lang="scss" scoped>
 
-::v-deep .ai-list__content--right-wrapper {
+:deep( .ai-list__content--right-wrapper ){
   height: 100%;
   margin: 0px !important;
   background-color: transparent !important;
@@ -242,11 +242,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;
 
@@ -263,7 +263,7 @@ export default {
   height: 100%;
   overflow: hidden;
 
-  ::v-deep .ol-zoom {
+  :deep( .ol-zoom ){
     display: none !important;
     top: inherit !important;
     bottom: 0.5em !important;
@@ -433,15 +433,15 @@ export default {
         }
       }
 
-      ::v-deep .el-input, ::v-deep input {
+      :deep( .el-input), :deep( input ){
         border: none;
       }
 
-      ::v-deep .el-select {
+      :deep( .el-select ){
         padding-right: 28px;
       }
 
-      ::v-deep input {
+      :deep( input ){
         position: relative;
         flex: 1;
         height: 36px;
@@ -472,13 +472,13 @@ export default {
       }
     }
   }
-  ::v-deep .AiAreaGet {
+  :deep( .AiAreaGet ){
     display: inline-block;
     width: 150px;
     margin-right: 8px;
   }
 }
-::v-deep .polymeric {
+:deep( .polymeric ){
   display: flex;
   position: relative;
   align-items: center;