diff --git a/packages/card/en-US.md b/packages/card/en-US.md
index 78ce5b3df..155e1ef36 100644
--- a/packages/card/en-US.md
+++ b/packages/card/en-US.md
@@ -65,6 +65,7 @@ Use slot to custom content.
| Event | Description | Arguments |
|------|------|------|
| click | Triggered when clicked | - |
+| click-thumb | Triggered when thumb clicked | - |
### Slots
diff --git a/packages/card/index.tsx b/packages/card/index.tsx
index bbecdbca0..afe58eee9 100644
--- a/packages/card/index.tsx
+++ b/packages/card/index.tsx
@@ -1,5 +1,5 @@
import { use, isDef } from '../utils';
-import { inherit } from '../utils/functional';
+import { emit, inherit } from '../utils/functional';
import Tag from '../tag';
import Image from '../image';
@@ -53,6 +53,10 @@ function Card(
const showOriginPrice = slots['origin-price'] || isDef(props.originPrice);
const showBottom = showNum || showPrice || showOriginPrice;
+ const onThumbClick = () => {
+ emit(ctx, 'click-thumb');
+ };
+
function ThumbTag() {
if (slots.tag || props.tag) {
return (
@@ -72,7 +76,7 @@ function Card(
function Thumb() {
if (slots.thumb || thumb) {
return (
-
+
{slots.thumb ? (
slots.thumb()
) : (
diff --git a/packages/card/zh-CN.md b/packages/card/zh-CN.md
index 15b90c81d..edd92f1ea 100644
--- a/packages/card/zh-CN.md
+++ b/packages/card/zh-CN.md
@@ -65,6 +65,7 @@ Vue.use(Card);
| 事件名 | 说明 | 回调参数 |
|------|------|------|
| click | 点击时触发 | - |
+| click-thumb | 点击自定义图片时触发 | - |
### Slots