From 3a4817b2369db81bed40f6dc219ab8a9f6f7e808 Mon Sep 17 00:00:00 2001
From: Yuwei Ba <i@xiaoba.me>
Date: Fri, 12 Jun 2015 20:21:13 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=9B=B4=E5=A4=9A=20Demo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/tabs/demo/disabled.md | 22 ++++++++++++++++++++++
 components/tabs/demo/slide.md    | 25 +++++++++++++++++++++++++
 style/components/tab.less        |  6 +++++-
 3 files changed, 52 insertions(+), 1 deletion(-)
 create mode 100644 components/tabs/demo/disabled.md
 create mode 100644 components/tabs/demo/slide.md

diff --git a/components/tabs/demo/disabled.md b/components/tabs/demo/disabled.md
new file mode 100644
index 0000000000..f89329d162
--- /dev/null
+++ b/components/tabs/demo/disabled.md
@@ -0,0 +1,22 @@
+# 带有禁用
+
+- order: 2
+
+禁用某一项
+
+---
+
+````jsx
+var Tab = antd.Tab;
+var TabPane = Tab.TabPane;
+
+function callback() {}
+
+React.render(
+  <Tab defaultActiveKey="1" onChange={callback}>
+    <TabPane tab="tab 1" key="1">选项卡一</TabPane>
+    <TabPane tab="tab 2" disabled={true} key="2">选项卡二</TabPane>
+    <TabPane tab="tab 3" key="3">选项卡三</TabPane>
+  </Tab>
+, document.getElementById('components-tabs-demo-disabled'));
+````
diff --git a/components/tabs/demo/slide.md b/components/tabs/demo/slide.md
new file mode 100644
index 0000000000..935f0c004b
--- /dev/null
+++ b/components/tabs/demo/slide.md
@@ -0,0 +1,25 @@
+# 滑动
+
+- order: 2
+
+可以滑动
+
+---
+
+````jsx
+var Tab = antd.Tab;
+var TabPane = Tab.TabPane;
+
+function callback() {}
+
+React.render(
+  <Tab defaultActiveKey="1" onChange={callback}>
+    <TabPane tab="tab 1" key="1">选项卡一</TabPane>
+    <TabPane tab="tab 2" key="2">选项卡二</TabPane>
+    <TabPane tab="tab 3" key="3">选项卡三</TabPane>
+    <TabPane tab="tab 4" key="4">选项卡四</TabPane>
+    <TabPane tab="tab 5" key="5">选项卡五</TabPane>
+    <TabPane tab="tab 6" key="6">选项卡六</TabPane>
+  </Tab>
+, document.getElementById('components-tabs-demo-slide'));
+````
diff --git a/style/components/tab.less b/style/components/tab.less
index 4788319e95..a8518b4d9d 100644
--- a/style/components/tab.less
+++ b/style/components/tab.less
@@ -136,7 +136,10 @@
     div.@{prefixClass}-tab-disabled {
       pointer-events: none;
       cursor: default;
-      color: #ccc;
+
+      a {
+        color: #ccc;
+      }
     }
 
     .@{prefixClass}-tab {
@@ -153,6 +156,7 @@
         margin-bottom: 4px;
         font-weight: 500;
         display: inline-block;
+        color: #666;
       }
 
       > a:hover {