Browse Source

Tabs: fix invalid type prop when tabs in other tabs (#2212)

kingwl 8 năm trước cách đây
mục cha
commit
de589eb215
1 tập tin đã thay đổi với 6 bổ sung7 xóa
  1. 6 7
      packages/theme-default/src/tabs.css

+ 6 - 7
packages/theme-default/src/tabs.css

@@ -67,10 +67,10 @@
       position: relative;
     }
     @m card {
-      .el-tabs__active-bar {
+      &>.el-tabs__header>.el-tabs__active-bar {
         display: none;
       }
-      & .el-tabs__item .el-icon-close {
+      &>.el-tabs__header>.el-tabs__item .el-icon-close {
         position: relative;
         font-size: 12px;
         width: 0;
@@ -82,7 +82,7 @@
         right: -2px;
         transform-origin: 100% 50%;
       }
-      .el-tabs__item {
+      &>.el-tabs__header>.el-tabs__item {
         border: 1px solid transparent;
         transition: all .3s cubic-bezier(.645,.045,.355,1);
               
@@ -115,14 +115,14 @@
       border: 1px solid #d3dce6;
       box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.12), 0px 0px 6px 0px rgba(0,0,0,0.04);
 
-      .el-tabs__content {
+      &>.el-tabs__content {
         padding: 15px;
       }
-      .el-tabs__header {
+      &>.el-tabs__header {
         background-color: #eff2f7;
         margin: 0;
       }
-      .el-tabs__item {
+      &>.el-tabs__header>.el-tabs__item {
         transition: all .3s cubic-bezier(.645,.045,.355,1);
         border: 1px solid transparent;
         border-top: 0;
@@ -140,7 +140,6 @@
             border-right-color: #d3dce6;
           }
         }
-
       }
     }
   }