From a94683a7e30fa42bd784aa1a6572d9559f82d9a0 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@buaa.edu.cn>
Date: Sat, 15 Dec 2018 17:55:32 +0800
Subject: [PATCH] [new feature] Card: add lazy-load prop (#2301)

---
 packages/card/en-US.md  | 1 +
 packages/card/index.vue | 7 +++++++
 packages/card/zh-CN.md  | 1 +
 3 files changed, 9 insertions(+)

diff --git a/packages/card/en-US.md b/packages/card/en-US.md
index 0a482ba44..28e582a31 100644
--- a/packages/card/en-US.md
+++ b/packages/card/en-US.md
@@ -55,6 +55,7 @@ Use `slot` to custom content.
 | centered | Whether content vertical centered | `String` | `false` |
 | currency | Currency symbol |  `String` | `¥` |
 | thumb-link | Thumb link URL | `String` | - |
+| lazy-load | Whether to enable thumb lazy load，should register [Lazyload](#/en-US/lazyload) component | `Boolean` | `false` |
 
 ### Slot
 
diff --git a/packages/card/index.vue b/packages/card/index.vue
index 61d3a6f18..eec9961c0 100644
--- a/packages/card/index.vue
+++ b/packages/card/index.vue
@@ -6,6 +6,12 @@
     >
       <slot name="thumb">
         <img
+          v-if="lazyLoad"
+          v-lazy="thumb"
+          :class="b('img')"
+        >
+        <img
+          v-else
           :src="thumb"
           :class="b('img')"
         >
@@ -81,6 +87,7 @@ export default create({
     thumb: String,
     title: String,
     centered: Boolean,
+    lazyLoad: Boolean,
     thumbLink: String,
     num: [Number, String],
     price: [Number, String],
diff --git a/packages/card/zh-CN.md b/packages/card/zh-CN.md
index 192054c18..6521d4c7a 100644
--- a/packages/card/zh-CN.md
+++ b/packages/card/zh-CN.md
@@ -55,6 +55,7 @@ Vue.use(Card);
 | centered | 内容是否垂直居中 | `String` | `false` | - |
 | currency | 货币符号 |  `String` | `¥` | - |
 | thumb-link | 点击左侧图片后的跳转链接 | `String` | - | 1.3.4 |
+| lazy-load | 是否开启图片懒加载，须配合 [Lazyload](#/zh-CN/lazyload) 组件使用 | `Boolean` | `false` | 1.5.0 |
 
 ### Slot