From a68d21cde038208b81f40d1df594b005cefb915d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A2=81=E7=81=8F?= <admin@aresn.com>
Date: Sat, 8 Jun 2019 17:12:53 +0800
Subject: [PATCH] add List

---
 src/components/list/list.vue    |  4 ---
 src/styles/components/list.less | 43 +++++++++++++++++++++++++++++++++
 2 files changed, 43 insertions(+), 4 deletions(-)

diff --git a/src/components/list/list.vue b/src/components/list/list.vue
index b51cf976..cb289d20 100644
--- a/src/components/list/list.vue
+++ b/src/components/list/list.vue
@@ -46,10 +46,6 @@
                 type: Boolean,
                 default: false
             },
-            page: {
-                type: [Boolean, Object],
-                default: false
-            },
             size: {
                 validator (value) {
                     return oneOf(value, ['small', 'large', 'default']);
diff --git a/src/styles/components/list.less b/src/styles/components/list.less
index 8d8771b2..5f2f16f3 100644
--- a/src/styles/components/list.less
+++ b/src/styles/components/list.less
@@ -222,3 +222,46 @@
         }
     }
 }
+
+// responsive
+
+@media screen and (max-width: @screen-md) {
+    .@{list-prefix-cls} {
+        &-item {
+            &-action {
+                margin-left: 24px;
+            }
+        }
+    }
+
+    .@{list-prefix-cls}-vertical {
+        .@{list-prefix-cls}-item {
+            &-extra {
+                margin-left: 24px;
+            }
+        }
+    }
+}
+
+@media screen and (max-width: @screen-sm) {
+    .@{list-prefix-cls} {
+        &-item {
+            flex-wrap: wrap;
+            &-action {
+                margin-left: 12px;
+            }
+        }
+    }
+
+    .@{list-prefix-cls}-vertical {
+        .@{list-prefix-cls}-item {
+            flex-wrap: wrap-reverse;
+            &-main {
+                min-width: 220px;
+            }
+            &-extra {
+                margin: auto auto 16px;
+            }
+        }
+    }
+}