From cf9ffa24d0e5efe365c38a866bd378019f6de3d4 Mon Sep 17 00:00:00 2001
From: fenghou <luyi_shinian@sina.cn>
Date: Mon, 13 Aug 2018 19:41:31 +0800
Subject: [PATCH] [new feature] Tab : support custom color (#1622)

---
 packages/tab/en-US.md   | 1 +
 packages/tab/zh-CN.md   | 1 +
 packages/tabs/index.vue | 4 +++-
 3 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/tab/en-US.md b/packages/tab/en-US.md
index 7396adce7..4c8b08d1f 100644
--- a/packages/tab/en-US.md
+++ b/packages/tab/en-US.md
@@ -146,6 +146,7 @@ In swipeable mode, you can switch tabs with swipe gestrue in the content
 | sticky | Whether to use sticky mode | `Boolean` | `false` |
 | offset-top | Offset top when use sticky mode | `Number` | `0` |
 | swipeable | Whether to switch tabs with swipe gestrue in the content | `Boolean` | `false` |
+| color | Set tab's title color | `String` | - |
 
 ### Tab API
 
diff --git a/packages/tab/zh-CN.md b/packages/tab/zh-CN.md
index 91bb3af88..0374239c6 100644
--- a/packages/tab/zh-CN.md
+++ b/packages/tab/zh-CN.md
@@ -148,6 +148,7 @@ export default {
 | sticky | 是否使用粘性定位布局 | `Boolean` | `false` |
 | offset-top | 粘性定位布局下与顶部的最小距离 (px) | `Number` | `0` |
 | swipeable | 是否可以滑动内容切换 | `Boolean` | `false` |
+| color | 设置 tab 标题的颜色 | `String` | - |
 
 ### Tab API
 
diff --git a/packages/tabs/index.vue b/packages/tabs/index.vue
index cb5289cd1..941302984 100644
--- a/packages/tabs/index.vue
+++ b/packages/tabs/index.vue
@@ -18,6 +18,7 @@
             'van-tab--active': index === curActive,
             'van-tab--disabled': tab.disabled
           }"
+          :style="{ color }"
           @click="onClick(index)"
         >
           <span class="van-ellipsis" ref="title">{{ tab.title }}</span>
@@ -69,7 +70,8 @@ export default create({
     offsetTop: {
       type: Number,
       default: 0
-    }
+    },
+    color: String
   },
 
   data() {