diff --git a/components/transfer/demo/advanced.md b/components/transfer/demo/advanced.md index 84470c4abc..a1565da6a3 100644 --- a/components/transfer/demo/advanced.md +++ b/components/transfer/demo/advanced.md @@ -2,7 +2,7 @@ - order: 2 -穿梭框高级用法,可配置操作文案,可定制宽高,可对底部进行自定义渲染。 +穿梭框高级用法,可配置操作文案,可定制宽高,可对底部进行自定义渲染。 --- @@ -50,7 +50,7 @@ const App = React.createClass({ }, renderFooter(props) { - return ; }, diff --git a/components/transfer/demo/basic.md b/components/transfer/demo/basic.md index d10b416d95..d0173b4f19 100644 --- a/components/transfer/demo/basic.md +++ b/components/transfer/demo/basic.md @@ -2,7 +2,7 @@ - order: 0 -简单的 穿梭框 +最基本的用法。 --- diff --git a/components/transfer/demo/search.md b/components/transfer/demo/search.md index 17a2f408fe..1e651fa252 100644 --- a/components/transfer/demo/search.md +++ b/components/transfer/demo/search.md @@ -2,7 +2,7 @@ - order: 1 -带搜索框的 穿梭框 +带搜索框的穿梭框。 --- diff --git a/style/components/transfer.less b/style/components/transfer.less index 0501300cab..2adedf7ddd 100644 --- a/style/components/transfer.less +++ b/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; } }