From ef93e585c4a4ca778919ad96316b5175b8810ebd Mon Sep 17 00:00:00 2001
From: "wenbo.dong" <wenbo.dong@qunar.com>
Date: Wed, 18 Oct 2017 15:36:09 +0800
Subject: [PATCH] =?UTF-8?q?docs:=20=E4=BF=AE=E6=94=B9=E6=B5=8B=E8=AF=95?=
 =?UTF-8?q?=E9=9B=86=E5=90=88key=E5=80=BC=E7=9A=84tooltip?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Project/Interface/InterfaceCol/InterfaceColContent.js | 4 ++--
 client/styles/common.scss                                 | 8 ++++++++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/client/containers/Project/Interface/InterfaceCol/InterfaceColContent.js b/client/containers/Project/Interface/InterfaceCol/InterfaceColContent.js
index 7da3efa7..e3c41fe3 100755
--- a/client/containers/Project/Interface/InterfaceCol/InterfaceColContent.js
+++ b/client/containers/Project/Interface/InterfaceCol/InterfaceColContent.js
@@ -370,7 +370,7 @@ class InterfaceColContent extends Component {
       header: {
         label: 'key',
         formatters: [() => {
-          return <Tooltip title="每个用例都有一个独一无二的key，可用来获取匹配的接口响应数据">
+          return <Tooltip title={<span>每个用例都有唯一的key，用于获取所匹配接口的响应数据，例如使用 <a href="https://yapi.ymfe.org/case.html#变量参数" className="link-tooltip" target="blank">变量参数</a> 功能</span>}>
             Key</Tooltip>
         }]
       },
@@ -475,7 +475,7 @@ class InterfaceColContent extends Component {
             <Button disabled type="primary" style={{ float: 'right' }} >开始测试</Button>
           </Tooltip>
         }
-        
+
         <Table.Provider
           components={components}
           columns={resolvedColumns}
diff --git a/client/styles/common.scss b/client/styles/common.scss
index 07beb384..0adb5d3c 100755
--- a/client/styles/common.scss
+++ b/client/styles/common.scss
@@ -200,3 +200,11 @@ em {
   background-color: rgba(0,0,0,.35);
   z-index: 2;
 }
+
+// tooltip 中的链接
+.link-tooltip {
+  color: #56b2fd;
+  &:hover {
+    color: #2395f1;
+  }
+}