[add] tabs 新增 inactiveItemStyle 未选中的item样式

2026-03-07 08:14:01 +08:00 · 2024-06-21 18:24:01 +08:00
parent f1b95729ea
commit 6142c5c654
1 changed files with 8 additions and 0 deletions
--- a/tuniao-ui/components/tn-tabs/tn-tabs.vue
+++ b/tuniao-ui/components/tn-tabs/tn-tabs.vue
@@ -89,6 +89,13 @@
        type: String,
        default: '#080808'
      },
+      // 未选中的item样式
+      inactiveItemStyle: {
+        type: Object,
+        default() {
+          return {}
+        }
+      },
      // 选中的item样式
      activeItemStyle: {
        type: Object,
@@ -171,6 +178,7 @@
            Object.assign(style, this.activeItemStyle)
          } else {
            style.color = this.inactiveColor
+            Object.assign(style, this.inactiveItemStyle)
          }
          return style
        }