update Transfer

update Transfer

src/components/transfer/list.vue

@@ -1,5 +1,5 @@
 <template>
-    <div :class="prefixCls" :style="style">
+    <div :class="classes" :style="style">
         <div :class="prefixCls + '-header'">
             <Checkbox :checked.sync="checkedAll" :disabled="checkedAllDisabled" @on-change="toggleSelectAll"></Checkbox>
             <span>{{ title }}</span>
@@ -53,6 +53,14 @@
             }
         },
         computed: {
+            classes () {
+                return [
+                    `${this.prefixCls}`,
+                    {
+                        [`${this.prefixCls}-with-footer`]: this.showFooter
+                    }
+                ]
+            },
             bodyClasses () {
                 return [
                     `${this.prefixCls}-body`,

src/styles/common/article.less

@@ -33,11 +33,11 @@
         font-size: 14px;
     }
 
-    ul{
+    ul:not([class^="ivu-"]){
         padding-left: 40px;
         list-style-type: disc;
     }
-    li{
+    li:not([class^="ivu-"]){
         margin-bottom: 5px;
         font-size: 14px;
     }

src/styles/common/index.less

@@ -1,3 +1,4 @@
 @import "base";
 @import "iconfont/ionicons";
-@import "layout";
+@import "layout";
+@import "article";

src/styles/components/transfer.less

@@ -14,6 +14,10 @@
         position: relative;
         padding-top: 35px;
 
+        &-with-footer{
+            padding-bottom: 35px;
+        }
+
         &-header {
             padding: 8px 16px;
             background: @head-bg;
@@ -97,6 +101,10 @@
             border: 1px solid @border-color-base;
             border-top: none;
             border-radius: 0 0 @border-radius-base @border-radius-base;
+            position: absolute;
+            bottom: 0;
+            left: 0;
+            right: 0;
 
             .clearfix();
         }

test/routers/transfer.vue

@@ -4,7 +4,7 @@
     }
 </style>
 <template>
-    <div style="margin: 50px;">
+    <div class="ivu-article" style="margin: 50px;">
         <Transfer
             :data="data"
             filterable