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 (#3585)

Browse Source
This commit is contained in:
Fyerl 2019-06-21 14:43:08 +08:00 committed by neverland
parent a0378d001f
commit b5908d783e
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

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

8
packages/card/index.tsx
View File

@ -1,5 +1,5 @@
import { use, isDef } from '../utils'; import { use, isDef } from '../utils';
import { inherit } from '../utils/functional'; import { emit, inherit } from '../utils/functional';
import Tag from '../tag'; import Tag from '../tag';
// Types // Types
@ -54,8 +54,12 @@ function Card(
const showOriginPrice = slots['origin-price'] || isDef(props.originPrice); const showOriginPrice = slots['origin-price'] || isDef(props.originPrice);
const showBottom = showNum || showPrice || showOriginPrice; const showBottom = showNum || showPrice || showOriginPrice;
const onThumbClick = () => {
emit(ctx, 'click-thumb');
};
const Thumb = showThumb && ( const Thumb = showThumb && (
<a href={props.thumbLink} class={bem('thumb')}> <a href={props.thumbLink} class={bem('thumb')} onClick={onThumbClick}>
{slots.thumb ? ( {slots.thumb ? (
slots.thumb() slots.thumb()
) : props.lazyLoad ? ( ) : props.lazyLoad ? (

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

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