浏览代码

Tabs: fix text color for disabled border-card (#10640)

杨奕 7 年之前
父节点
当前提交
58138613eb
共有 2 个文件被更改,包括 6 次插入1 次删除
  1. 3 1
      packages/tabs/src/tab-nav.vue
  2. 3 0
      packages/theme-chalk/src/tabs.scss

+ 3 - 1
packages/tabs/src/tab-nav.vue

@@ -163,7 +163,9 @@
         if (visibility === 'hidden') {
           this.focusable = false;
         } else if (visibility === 'visible') {
-          this.focusable = true;
+          setTimeout(() => {
+            this.focusable = true;
+          }, 50);
         }
       },
       windowBlurHandler() {

+ 3 - 0
packages/theme-chalk/src/tabs.scss

@@ -227,6 +227,9 @@
       &:not(.is-disabled):hover {
         color: $--color-primary;
       }
+      &.is-disabled {
+        color: $--disabled-color-base;
+      }
     }
   }
   @include m((top, bottom)) {