perf: deep 优化写法

src/layout/components/NavHeader/SiteMessages.vue

@@ -214,7 +214,7 @@ export default {
   padding: 0 25px 20px;
 }
 
-> > > .site-msg {
+>>> .site-msg {
   .el-drawer__header {
     border-bottom: solid 1px rgb(231, 234, 239);
     margin-bottom: 0;
@@ -300,7 +300,7 @@ export default {
   font-size: 12px;
   display: block;
 
-  > > > .ticket-container {
+  >>> .ticket-container {
     .title {
       font-size: 12px;
     }
@@ -332,11 +332,11 @@ export default {
       line-height: 24px;
     }
 
-    & > > > a {
+    & >>> a {
       color: var(--color-success) !important;
     }
 
-    > > > .ticket-container {
+    >>> .ticket-container {
       height: 618px;
       flex-shrink: 0;
       border-radius: 4px;
@@ -418,7 +418,7 @@ export default {
   text-align: center;
 }
 
-> > > :focus {
+>>> :focus {
   outline: 0;
 }
 </style>

src/layout/components/NavHeader/ViewSwitcher.vue

@@ -134,7 +134,7 @@ export default {
     border-bottom: none;
   }
 
-  & > > > .el-icon-arrow-down {
+  & >>> .el-icon-arrow-down {
     font-size: 13px;
     color: #606266;
   }
@@ -207,7 +207,7 @@ export default {
   border-left: 4px solid var(--menu-text-active);
 }
 
-.menu-main.mobile-view-switch > > > .el-submenu__icon-arrow {
+.menu-main.mobile-view-switch >>> .el-submenu__icon-arrow {
   right: 10px;
 }
 </style>

src/layout/components/NavHeader/index.vue

@@ -118,18 +118,18 @@ export default {
         display: inline-block;
         vertical-align: top;
 
-        & > > > .el-submenu__title {
+        & >>> .el-submenu__title {
           font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
           padding: 0 8px;
           line-height: $headerHeight;
           height: $headerHeight;
         }
 
-        & > > > .org-select {
+        & >>> .org-select {
           padding: 0;
         }
 
-        & > > > .svg-icon {
+        & >>> .svg-icon {
           color: #FFF !important;
         }
 
@@ -160,12 +160,12 @@ export default {
         padding-left: 10px;
         vertical-align: top;
 
-        & > > > .svg-icon {
+        & >>> .svg-icon {
           color: #FFF !important;
           font-size: 16px;
         }
 
-        & > > > .el-badge {
+        & >>> .el-badge {
           vertical-align: top;
 
           .el-badge__content {
@@ -175,7 +175,7 @@ export default {
             border: none;
           }
         }
-        & > > > i {
+        & >>> i {
           color: #FFF;
           font-size: 16px;
 
@@ -184,7 +184,7 @@ export default {
           }
         }
 
-        & > > > i.el-dialog__close.el-icon-close {
+        & >>> i.el-dialog__close.el-icon-close {
           color: #7c7e7f;
         }
       }
@@ -215,7 +215,7 @@ export default {
     -webkit-tap-highlight-color: transparent;
     opacity: 0.7;
 
-    & > > > .svg-icon {
+    & >>> .svg-icon {
       font-size: 16px !important;
       color: #fff !important;
     }
@@ -236,11 +236,11 @@ export default {
     }
   }
 
-  > > > .el-badge__content {
+  >>> .el-badge__content {
     color: var(--color-primary);
   }
 
-  > > > .el-badge__content--primary {
+  >>> .el-badge__content--primary {
     background-color: #fff;
   }