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

[bugfix] Card: should not render empty bottom div (#3152)

Browse Source
This commit is contained in:
neverland 2019-04-15 19:18:31 +08:00 committed by GitHub
parent ffe82e2f06
commit b1e3684d4c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/card/index.tsx
View File

@ -51,6 +51,7 @@ function Card(
const showNum = slots.num || isDef(props.num);
const showPrice = slots.price || isDef(props.price);
const showOriginPrice = slots['origin-price'] || isDef(props.originPrice);
const showBottom = showNum || showPrice || showOriginPrice;
const Thumb = showThumb && (
<a href={props.thumbLink} class={bem('thumb')}>
@ -81,9 +82,7 @@ function Card(
const Desc = slots.desc
? slots.desc()
: props.desc && (
<div class={[bem('desc'), 'van-ellipsis']}>{props.desc}</div>
);
: props.desc && <div class={[bem('desc'), 'van-ellipsis']}>{props.desc}</div>;
const Price = showPrice && (
<div class={bem('price')}>
@ -103,9 +102,7 @@ function Card(
<div class={bem('num')}>{slots.num ? slots.num() : `x ${props.num}`}</div>
);
const Footer = slots.footer && (
<div class={bem('footer')}>{slots.footer()}</div>
);
const Footer = slots.footer && <div class={bem('footer')}>{slots.footer()}</div>;
return (
<div class={bem()} {...inherit(ctx, true)}>
@ -115,11 +112,13 @@ function Card(
{Title}
{Desc}
{slots.tags && slots.tags()}
{showBottom && (
<div class="van-card__bottom">
{Price}
{OriginPrice}
{Num}
</div>
)}
</div>
</div>
{Footer}