update Transfer

update Transfer

src/components/transfer/list.vue

@@ -23,9 +23,7 @@
                 <li :class="prefixCls + '-content-not-found'">{{ notFoundText }}</li>
             </ul>
         </div>
-        <div :class="prefixCls + '-footer'">
-            <slot></slot>
-        </div>
+        <div :class="prefixCls + '-footer'" v-if="showFooter" v-el:footer><slot></slot></div>
     </div>
 </template>
 <script>
@@ -50,7 +48,8 @@
         data () {
             return {
                 showItems: [],
-                query: ''
+                query: '',
+                showFooter: true
             }
         },
         computed: {
@@ -99,6 +98,10 @@
         },
         created () {
             this.updateFilteredData();
+
+        },
+        ready () {
+            this.showFooter = this.$els.footer.innerHTML !== '';
         },
         watch: {
             data () {

src/styles/components/transfer.less

@@ -11,17 +11,16 @@
         height: 210px;
         font-size: @font-size-small;
         vertical-align: middle;
-        border: 1px solid @border-color-base;
-        border-radius: @border-radius-base @border-radius-base 0 0;
         position: relative;
         padding-top: 35px;
 
         &-header {
             padding: 8px 16px;
-            border-radius: @border-radius-base @border-radius-base 0 0;
             background: @head-bg;
             color: @text-color;
+            border: 1px solid @border-color-base;
             border-bottom: 1px solid @border-color-split;
+            border-radius: @border-radius-base @border-radius-base 0 0;
             overflow: hidden;
             position: absolute;
             top: 0;
@@ -40,6 +39,9 @@
 
         &-body{
             height: 100%;
+            border: 1px solid @border-color-base;
+            border-top: none;
+            border-radius: 0 0 @border-radius-base @border-radius-base;
             position: relative;
 
             &-with-search{

test/routers/transfer.vue

@@ -12,9 +12,9 @@
             :operations="['向左移动','向右移动']"
             :filter-method="filterMethod"
             @on-change="change">
-            <div :style="{float: 'right', margin: '5px'}">
-                <i-button type="ghost" size="small" @click="getMock">刷新</i-button>
-            </div>
+            <!--<div :style="{float: 'right', margin: '5px'}">-->
+                <!--<i-button type="ghost" size="small" @click="getMock">刷新</i-button>-->
+            <!--</div>-->
         </Transfer>
     </div>
 </template>