diff --git a/packages/card/en-US.md b/packages/card/en-US.md
index f22b21c43..68b23012d 100644
--- a/packages/card/en-US.md
+++ b/packages/card/en-US.md
@@ -73,6 +73,7 @@ Use slot to custom content.
 | num | Custom num |
 | price | Custom price |
 | origin-price | Custom origin price |
+| bottom | Custom price bottom |
 | thumb | Custom thumb |
 | tag | Custom thumb tag |
 | tags | Custom tags |
diff --git a/packages/card/index.less b/packages/card/index.less
index 902cca0c8..62400f325 100644
--- a/packages/card/index.less
+++ b/packages/card/index.less
@@ -38,9 +38,9 @@
     position: relative;
     display: flex;
     flex: 1;
-    height: @card-thumb-size;
     flex-direction: column;
     min-width: 0; /* hack for flex box ellipsis */
+    min-height: @card-thumb-size;
 
     &--centered {
       justify-content: center;
diff --git a/packages/card/index.tsx b/packages/card/index.tsx
index 9d4546896..0dc3c389b 100644
--- a/packages/card/index.tsx
+++ b/packages/card/index.tsx
@@ -28,6 +28,7 @@ export type CardSlots = DefaultSlots & {
   title?: ScopedSlot;
   thumb?: ScopedSlot;
   price?: ScopedSlot;
+  bottom?: ScopedSlot;
   footer?: ScopedSlot;
   'origin-price'?: ScopedSlot;
 };
@@ -117,6 +118,7 @@ function Card(
               {Price}
               {OriginPrice}
               {Num}
+              {slots.bottom && slots.bottom()}
             </div>
           )}
         </div>
diff --git a/packages/card/test/__snapshots__/index.spec.js.snap b/packages/card/test/__snapshots__/index.spec.js.snap
index c57dd3037..9a15c3e0a 100644
--- a/packages/card/test/__snapshots__/index.spec.js.snap
+++ b/packages/card/test/__snapshots__/index.spec.js.snap
@@ -1,5 +1,17 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`render bottom slot 1`] = `
+<div class="van-card">
+  <div class="van-card__header">
+    <div class="van-card__content">
+      <div class="van-card__bottom">
+        <div class="van-card__price">¥ 100</div>Custom Bottom
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
 exports[`render origin-price slot 1`] = `
 <div class="van-card">
   <div class="van-card__header">
diff --git a/packages/card/test/index.spec.js b/packages/card/test/index.spec.js
index 50070c0e9..b29fc8ddb 100644
--- a/packages/card/test/index.spec.js
+++ b/packages/card/test/index.spec.js
@@ -15,3 +15,18 @@ test('render origin-price slot', () => {
 
   expect(wrapper).toMatchSnapshot();
 });
+
+test('render bottom slot', () => {
+  const wrapper = mount({
+    template: `
+      <card :price="100">
+        <template v-slot:bottom>Custom Bottom</template>
+      </card>
+    `,
+    components: {
+      Card
+    }
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
diff --git a/packages/card/zh-CN.md b/packages/card/zh-CN.md
index b55091153..a04d01c97 100644
--- a/packages/card/zh-CN.md
+++ b/packages/card/zh-CN.md
@@ -73,6 +73,7 @@ Vue.use(Card);
 | num | 自定义数量 |
 | price | 自定义价格 |
 | origin-price | 自定义商品原价 |
+| bottom | 自定义价格下方区域 |
 | thumb | 自定义图片 |
 | tag | 自定义图片角标 |
 | tags | 自定义描述下方标签区域 |