::v-deep=>:deep()

project/sass/apps/AppNotification/AppNotification.vue

@@ -74,7 +74,7 @@
   }
 </script>
 <style lang="scss" scoped>
-  ::v-deep .ai-list__content--right-wrapper {
+  :deep( .ai-list__content--right-wrapper ){
     background-color: transparent !important;
     box-shadow: none !important;
   }

project/sass/apps/AppNotification/components/add.vue

@@ -152,7 +152,7 @@
 </script>
 
 <style lang="scss" scoped>
-  ::v-deep .picker {
+  :deep( .picker ){
     width: 300px;
 
     .el-form-item__content {
@@ -176,7 +176,7 @@
     white-space: nowrap;
   }
 
-  ::v-deep .AiOpenData{
+  :deep( .AiOpenData){
     height:auto !important;
     &:after{
       content:"、";
@@ -186,7 +186,7 @@
     }
   }
 
-  ::v-deep .point{
+  :deep( .point){
     &:after{
       content:"" !important;
     }

project/sass/apps/AppNotification/components/detail.vue

@@ -64,7 +64,7 @@
 </script>
 
 <style lang="scss" scoped>
-  ::v-deep .title {
+  :deep( .title ){
     .aibar-left {
       width: 100%;
       text-align: center;

project/sass/apps/AppNotification/components/manageDetail.vue

@@ -182,7 +182,7 @@
 </script>
 
 <style lang="scss" scoped>
-  ::v-deep .title {
+  :deep( .title ){
     .aibar-left {
       width: 100%;
       text-align: center;

project/sass/apps/AppNotification/components/noticeManage.vue

@@ -225,7 +225,7 @@
 </script>
 
 <style lang="scss" scoped>
-  ::v-deep .status {
+  :deep( .status ){
     color: rgba(41, 107, 251, 100);
     cursor: pointer;
   }
@@ -236,7 +236,7 @@
     margin-bottom: 10px;
   }
 
-  ::v-deep .wrap {
+  :deep( .wrap ){
     display: flex;
     align-items: center;
     flex-wrap: wrap;

project/sass/apps/AppNotification/components/recentNotice.vue

@@ -189,7 +189,7 @@
         }
       }
 
-      ::v-deep .row {
+      :deep( .row ){
         margin-top: 10px;
 
         span {
@@ -205,7 +205,7 @@
     }
   }
 
-  ::v-deep .page {
+  :deep( .page ){
     font-size: 12px;
     color: #555555;