update transfer style and demos

components/transfer/demo/advanced.md

@@ -2,7 +2,7 @@
 
 - order: 2
 
-穿梭框高级用法,可配置操作文案,可定制宽高,可对底部进行自定义渲染。
+穿梭框高级用法，可配置操作文案，可定制宽高，可对底部进行自定义渲染。
 
 ---
 
@@ -50,7 +50,7 @@ const App = React.createClass({
   },
 
   renderFooter(props) {
-    return <Button type="primary" size="small" style={{ float: 'right', margin: '5' }}
+    return <Button type="ghost" size="small" style={{ float: 'right', margin: '5' }}
                    onClick={this.getMock}>刷新</Button>;
   },
 

components/transfer/demo/basic.md

@@ -2,7 +2,7 @@
 
 - order: 0
 
-简单的 穿梭框
+最基本的用法。
 
 ---
 

components/transfer/demo/search.md

@@ -2,7 +2,7 @@
 
 - order: 1
 
-带搜索框的 穿梭框
+带搜索框的穿梭框。
 
 ---
 

style/components/transfer.less

@@ -5,11 +5,10 @@
   position: relative;
 
   &-list {
-
     font-size: 12px;
-    border: 1px solid #e9e9e9;
+    border: 1px solid @border-color-base;
     display: inline-block;
-    border-radius: 6px;
+    border-radius: @border-radius-base;
     width: 160px;
 
     &-search {
@@ -28,16 +27,15 @@
 
     &-header {
       padding: 7px 16px;
-      border-radius: 6px 6px 0 0;
+      border-radius: @border-radius-base @border-radius-base 0 0;
       background: #fff;
       color: #666;
-      border-bottom: 1px solid #e9e9e9;
+      border-bottom: 1px solid @border-color-split;
       overflow: hidden;
 
       &-title {
         float: right;
       }
-
     }
 
     &-body {
@@ -69,9 +67,10 @@
           white-space: nowrap;
           text-overflow: ellipsis;
           padding: 7px 16px;
+          transition: all 0.3s ease;
           &:hover {
             cursor: pointer;
-            background-color: #eef9fe;
+            background-color: tint(@primary-color, 90%);
           }
         }
       }
@@ -82,7 +81,7 @@
     }
 
     &-footer {
-      border-top: 1px solid #e9e9e9;
+      border-top: 1px solid @border-color-split;
       border-radius: 0 0 5px 5px;
     }
   }