update Transfer

update Transfer

update Transfer
梁灏
1 parent 967e8e43
Showing 5 changed files with 22 additions and 5 deletions Show diff stats
src/components/transfer/list.vue
src/styles/common/article.less
src/styles/common/index.less
src/styles/components/transfer.less
test/routers/transfer.vue
 <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`,
@@ -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;
     }
 @import "base";
 @import "iconfont/ionicons";
-@import "layout";
 \ No newline at end of file
+@import "layout";
+@import "article";
 \ No newline at end of file
@@ -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();
         }
@@ -4,7 +4,7 @@
     }
 </style>
 <template>
-    <div style="margin: 50px;">
+    <div class="ivu-article" style="margin: 50px;">
         <Transfer
             :data="data"
             filterable