refactor(Tabs): 替换tabs 的css选择器，解决外层type的样式也会加到内层中 #796 (#802)

uiwjs · May 5, 2022 · 65da8df · 65da8df
1 parent 6dcd592
commit 65da8df
Showing 1 changed file with 6 additions and 12 deletions.
diff --git a/packages/react-tabs/src/style/index.less b/packages/react-tabs/src/style/index.less
@@ -47,23 +47,17 @@
 }
 
 .@{w-tabs} {
-  &-card &-nav::after,
-  &-line &-nav::after {
+  &-card > div > div > &-bar > &-nav::after,
+  &-line > div > div > &-bar > &-nav::after {
     content: '';
     position: relative;
     display: block;
     border-bottom: 1px solid #d9d9d9;
   }
 }
-.@{w-tabs} {
-  &-card &-nav::after,
-  &-default &-nav::after {
-    content: none;
-  }
-}
 
 .@{w-tabs} {
-  &-line &-slide {
+  &-line > div > div > &-bar > &-nav > &-slide {
     background-color: #108ee9;
     box-sizing: border-box;
     bottom: 0;
@@ -77,13 +71,13 @@
 }
 
 .@{w-tabs} {
-  &-card &-nav::after {
+  &-card > div > div > &-bar > &-nav::after {
     content: '';
     position: relative;
     display: block;
     border-bottom: 1px solid #d9d9d9;
   }
-  &-card &-item {
+  &-card > div > div > &-bar > &-nav > &-item {
     margin: 0;
     border: 1px solid #d9d9d9;
     border-bottom: 0;
@@ -93,7 +87,7 @@
     margin-right: 5px;
     bottom: -1px;
   }
-  &-card &-item.active {
+  &-card > div > div > &-bar > &-nav > &-item.active {
     background: #fff;
     z-index: 1;
   }