blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

[new feature] Card: add click-thumb event (#3586)

Browse Source
This commit is contained in:
Fyerl 2019-06-21 14:42:55 +08:00 committed by neverland
parent caa83ac4a8
commit 35aa4ffa9b
3 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/card/en-US.md
View File

@ -65,6 +65,7 @@ Use slot to custom content.
| Event | Description | Arguments |
|------|------|------|
| click | Triggered when clicked | - |
| click-thumb | Triggered when thumb clicked | - |
### Slots

8
packages/card/index.tsx
View File

@ -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 (
<a href={props.thumbLink} class={bem('thumb')}>
<a href={props.thumbLink} class={bem('thumb')} onClick={onThumbClick}>
{slots.thumb ? (
slots.thumb()
) : (

1
packages/card/zh-CN.md
View File

@ -65,6 +65,7 @@ Vue.use(Card);
| 事件名 | 说明 | 回调参数 |
|------|------|------|
| click | 点击时触发 | - |
| click-thumb | 点击自定义图片时触发 | - |
### Slots