::v-deep=>:deep()

2022-12-01 09:35:20 +08:00
parent d12c7b2c5e
commit 883ec09a0e
352 changed files with 1277 additions and 1281 deletions
--- a/packages/device/AppBroadcast/components/Add.vue
+++ b/packages/device/AppBroadcast/components/Add.vue
@@ -246,7 +246,7 @@ export default {
      var second =  time.split(":")[2];
      s = Number(hour * 3600) + Number(min * 60) + Number(second)
      return s;
-    }, 
+    },
    // 返回按钮
    cancel(isRefresh) {
      this.$emit('change', {
@@ -285,7 +285,7 @@ export default {
  }
 }

-::v-deep .mapDialog {
+:deep( .mapDialog ){
  .el-dialog__body {
    padding: 0;

--- a/packages/device/AppMediaManage/components/Add.vue
+++ b/packages/device/AppMediaManage/components/Add.vue
@@ -141,7 +141,7 @@ export default {
  }
 }

-::v-deep .mapDialog {
+:deep( .mapDialog ){
  .el-dialog__body {
    padding: 0;

--- a/packages/device/AppMediaManage/components/List.vue
+++ b/packages/device/AppMediaManage/components/List.vue
@@ -41,7 +41,7 @@
      </template>
    </ai-list>

-    <ai-dialog 
+    <ai-dialog
      title="广播播发"
      :visible.sync="detailDialog"
      :customFooter="true"
@@ -232,7 +232,7 @@ export default {
    padding-left: 40px;
  }

-  ::v-deep .ai-info-item__right {
+  :deep( .ai-info-item__right ){
    width: 100%;
  }

--- a/packages/device/AppMonitor/AppMonitorDevice.vue
+++ b/packages/device/AppMonitor/AppMonitorDevice.vue
@@ -123,7 +123,7 @@ export default {

 <style lang="scss" scoped>
 .AppMonitorDevice {
-  ::v-deep .AiSearchBar {
+  :deep( .AiSearchBar ){
    margin-bottom: 10px;
  }
 }
--- a/packages/device/AppMonitor/AppMonitorManage.vue
+++ b/packages/device/AppMonitor/AppMonitorManage.vue
@@ -202,7 +202,7 @@ export default {
    display: flex;
    flex-direction: column;

-    ::v-deep .headerBar {
+    :deep( .headerBar ){
      display: flex;
      align-items: center;
      justify-content: flex-end;
@@ -255,13 +255,13 @@ export default {
    }
  }

-  ::v-deep.el-tree-node__content:hover {
+  :deep(.el-tree-node__content:hover ){
    .menuBtn {
      display: block;
    }
  }

-  ::v-deep .flexRow {
+  :deep( .flexRow ){
    flex: 1;
    min-width: 0;
    display: flex;
--- a/packages/device/AppMonitor/AppMonitorMap.vue
+++ b/packages/device/AppMonitor/AppMonitorMap.vue
@@ -162,7 +162,7 @@ export default {

  }

-  ::v-deep .monitorDialog {
+  :deep( .monitorDialog ){

    .el-dialog__header {
      font-size: 14px;
@@ -199,11 +199,11 @@ export default {
    }
  }

-  ::v-deep .amap-logo, ::v-deep .amap-copyright {
+  :deep( .amap-logo), :deep( .amap-copyright ){
    display: none !important;
  }

-  ::v-deep .amap-marker-label {
+  :deep( .amap-marker-label ){
    border-color: transparent;
    box-shadow: 1px 1px 0 0 rgba(#999, .2);
  }
--- a/packages/device/AppMonitor/components/deviceSlider.vue
+++ b/packages/device/AppMonitor/components/deviceSlider.vue
@@ -178,7 +178,7 @@ export default {
      gap: 4px;
      margin-bottom: 16px;

-      ::v-deep.el-input__inner {
+      :deep(.el-input__inner ){
        color: #fff;
      }
    }
@@ -192,18 +192,18 @@ export default {
      justify-content: space-between;
      align-items: center;

-      ::v-deep .el-button {
+      :deep( .el-button ){
        padding: 0 4px;
        height: 28px;
        background: #3E4A69;
      }

-      ::v-deep .el-button:hover {
+      :deep( .el-button:hover ){
        border: none;
      }
    }

-    ::v-deep.deviceList {
+    :deep(.deviceList ){
      .el-scrollbar {
        height: 100%;

@@ -214,16 +214,16 @@ export default {
      }
    }

-    ::v-deep .el-progress__text, p {
+    :deep( .el-progress__text), p {
      color: #19D286;
    }

-    ::v-deep .el-input__inner {
+    :deep( .el-input__inner ){
      background: #282F45;
      border: none;
    }

-    ::v-deep .el-tree {
+    :deep( .el-tree ){
      background: transparent;
      color: #fff;

@@ -232,7 +232,7 @@ export default {
      }
    }

-    ::v-deep .el-input__icon {
+    :deep( .el-input__icon ){
      color: #89b;
    }
  }
--- a/packages/device/AppMonitor/components/settingDialog.vue
+++ b/packages/device/AppMonitor/components/settingDialog.vue
@@ -76,7 +76,7 @@ export default {
    flex-wrap: wrap;
  }

-  ::v-deep .el-form-item {
+  :deep( .el-form-item ){
    width: 50%;

    .el-form-item__label {
--- a/packages/device/IntelligentSecurity/AppISDevice.vue
+++ b/packages/device/IntelligentSecurity/AppISDevice.vue
@@ -126,7 +126,7 @@ export default {

 <style lang="scss" scoped>
 .AppISDevice {
-  ::v-deep .AiSearchBar {
+  :deep( .AiSearchBar ){
    margin-bottom: 10px;
  }
 }
--- a/packages/device/IntelligentSecurity/AppISManage.vue
+++ b/packages/device/IntelligentSecurity/AppISManage.vue
@@ -309,7 +309,7 @@
      display: flex;
      flex-direction: column;

-      ::v-deep .headerBar {
+      :deep( .headerBar ){
        display: flex;
        align-items: center;
        justify-content: flex-end;
@@ -465,13 +465,13 @@
      }
    }

-    ::v-deep.el-tree-node__content:hover {
+    :deep(.el-tree-node__content:hover ){
      .menuBtn {
        display: block;
      }
    }

-    ::v-deep .flexRow {
+    :deep( .flexRow ){
      flex: 1;
      min-width: 0;
      display: flex;
--- a/packages/device/IntelligentSecurity/AppISMap.vue
+++ b/packages/device/IntelligentSecurity/AppISMap.vue
@@ -162,7 +162,7 @@ export default {

  }

-  ::v-deep .monitorDialog {
+  :deep( .monitorDialog ){

    .el-dialog__header {
      font-size: 14px;
@@ -199,11 +199,11 @@ export default {
    }
  }

-  ::v-deep .amap-logo, ::v-deep .amap-copyright {
+  :deep( .amap-logo), :deep( .amap-copyright ){
    display: none !important;
  }

-  ::v-deep .amap-marker-label {
+  :deep( .amap-marker-label ){
    border-color: transparent;
    box-shadow: 1px 1px 0 0 rgba(#999, .2);
  }
--- a/packages/device/IntelligentSecurity/components/deviceSlider.vue
+++ b/packages/device/IntelligentSecurity/components/deviceSlider.vue
@@ -178,7 +178,7 @@ export default {
    onChange() {
      this.$refs.deviceTree?.filter(this.search.name)
    },
-    
+
  },

  created() {
@@ -209,7 +209,7 @@ export default {
  .deviceList {
    overflow: auto;

-    ::v-deep .el-tree {
+    :deep( .el-tree ){
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
@@ -260,7 +260,7 @@ export default {
      gap: 4px;
      margin-bottom: 16px;

-      ::v-deep.el-input__inner {
+      :deep(.el-input__inner ){
        color: #fff;
      }
    }
@@ -274,17 +274,17 @@ export default {
      justify-content: space-between;
      align-items: center;

-      ::v-deep .el-button {
+      :deep( .el-button ){
        padding: 0 4px;
        height: 28px;
        background: #3E4A69;
      }
-      ::v-deep .el-button:hover {
+      :deep( .el-button:hover ){
        border: none;
      }
    }

-    ::v-deep.deviceList {
+    :deep(.deviceList ){
      padding: 0 8px;

      .el-scrollbar {
@@ -297,16 +297,16 @@ export default {
      }
    }

-    ::v-deep .el-progress__text, p {
+    :deep( .el-progress__text), p {
      color: #19D286;
    }

-    ::v-deep .el-input__inner {
+    :deep( .el-input__inner ){
      background: #282F45;
      border: none;
    }

-    ::v-deep .el-tree {
+    :deep( .el-tree ){
      background: transparent;
      color: #fff;

@@ -327,7 +327,7 @@ export default {
      }
    }

-    ::v-deep .el-input__icon {
+    :deep( .el-input__icon ){
      color: #89b;
    }
  }
--- a/packages/device/IntelligentSecurity/components/locateDialog.vue
+++ b/packages/device/IntelligentSecurity/components/locateDialog.vue
@@ -120,7 +120,7 @@ export default {
    color: #999;
  }

-  ::v-deep .el-dialog__body {
+  :deep( .el-dialog__body ){
    padding: 0;
    height: 480px;
    position: relative;
--- a/packages/device/IntelligentSecurity/components/settingDialog.vue
+++ b/packages/device/IntelligentSecurity/components/settingDialog.vue
@@ -76,7 +76,7 @@ export default {
    flex-wrap: wrap;
  }

-  ::v-deep .el-form-item {
+  :deep( .el-form-item ){
    width: 50%;

    .el-form-item__label {
--- a/packages/device/tutelage/AppTutlageMap/AppTutlageMap.vue
+++ b/packages/device/tutelage/AppTutlageMap/AppTutlageMap.vue
@@ -151,7 +151,7 @@
 import AMapLoader from '@amap/amap-jsapi-loader'
 import {mapState} from 'vuex'

-export default {  
+export default {
  name: 'AppTutlageMap',
  label: '监护地图',
  provide() {
@@ -395,7 +395,7 @@ export default {
                this.defaultExpanded.push(item.parentId)
                return true
              }
-              
+
              return false
            })
          }
@@ -955,7 +955,7 @@ export default {
            font-size: 15px;
          }
        }
-        ::v-deep .el-tree {
+        :deep( .el-tree ){
          .el-tree-node__content {
            height: 32px;
          }
@@ -971,7 +971,7 @@ export default {
            }

            background: #2266FF;
-            
+
            span {
              color: #fff;
              font-weight: normal;
@@ -979,7 +979,7 @@ export default {
          }
        }

-        ::v-deep .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
+        :deep( .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content ){
          .tree-user {
            color: #fff;
          }
@@ -991,7 +991,7 @@ export default {
          font-size: 14px;
        }

-        ::v-deep .el-tree {
+        :deep( .el-tree ){
          background: transparent;
        }
      }
@@ -1006,7 +1006,7 @@ export default {
          width: 80px;
          margin-right: 4px;

-          ::v-deep i {
+          :deep( i ){
            color: #8899bb;
          }
        }
@@ -1014,7 +1014,7 @@ export default {
        .el-input {
          width: 164px;

-          ::v-deep i {
+          :deep( i ){
            color: #8899bb;
          }
        }
@@ -1022,7 +1022,7 @@ export default {
    }
  }

-  ::v-deep .ol-zoom {
+  :deep( .ol-zoom ){
    display: none !important;
    top: inherit !important;
    bottom: 0.5em !important;
@@ -1037,11 +1037,11 @@ export default {
    height: 100%;
  }

-  ::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;

@@ -1247,7 +1247,7 @@ export default {
  }
 }

-::v-deep .polymeric {
+:deep( .polymeric ){
  display: flex;
  position: relative;
  align-items: center;
@@ -1313,7 +1313,7 @@ export default {
  }
 }

-::v-deep .mark{
+:deep( .mark){
  position: relative;
  user-select: none;
  cursor: pointer;
@@ -1519,11 +1519,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;