[TItemCard]
Detail Notes : 1. 가격이 0 일때 offerInfo 출력 되도록 처리 2. CustomImage 사용시 이미지를 불러오지 못할 경우 defaultImg 출력되도록 처리
This commit is contained in:
@@ -133,8 +133,13 @@ export default memo(function TItemCard({
|
|||||||
alt={imageAlt}
|
alt={imageAlt}
|
||||||
delay={0}
|
delay={0}
|
||||||
src={defaultImage ? defaultImage : imageSource}
|
src={defaultImage ? defaultImage : imageSource}
|
||||||
onError={addDefaultImg}
|
fallbackSrc={
|
||||||
// src={imageSource}
|
type === "videoShow"
|
||||||
|
? imgType === IMAGETYPES.imgHorizontal
|
||||||
|
? defaultimgHorizontal
|
||||||
|
: defaultimgVertical
|
||||||
|
: defaultImageItem
|
||||||
|
}
|
||||||
/>
|
/>
|
||||||
{priceInfo &&
|
{priceInfo &&
|
||||||
discountRate &&
|
discountRate &&
|
||||||
@@ -156,7 +161,13 @@ export default memo(function TItemCard({
|
|||||||
{catNm !== null && <h4 className={css.hstmNmTitle}>{catNm}</h4>}
|
{catNm !== null && <h4 className={css.hstmNmTitle}>{catNm}</h4>}
|
||||||
{priceInfo ? (
|
{priceInfo ? (
|
||||||
<p className={css.priceInfo}>
|
<p className={css.priceInfo}>
|
||||||
{discountRate ? discountedPrice : originalPrice}
|
{parseFloat(originalPrice.replace("$", "")) === 0 ? (
|
||||||
|
<strong>{offerInfo}</strong>
|
||||||
|
) : discountRate ? (
|
||||||
|
discountedPrice
|
||||||
|
) : (
|
||||||
|
originalPrice
|
||||||
|
)}
|
||||||
{discountRate && <span>{originalPrice}</span>}
|
{discountRate && <span>{originalPrice}</span>}
|
||||||
</p>
|
</p>
|
||||||
) : (
|
) : (
|
||||||
|
|||||||
@@ -81,6 +81,11 @@
|
|||||||
color: @COLOR_GRAY04;
|
color: @COLOR_GRAY04;
|
||||||
text-decoration: line-through;
|
text-decoration: line-through;
|
||||||
}
|
}
|
||||||
|
> strong {
|
||||||
|
overflow: hidden;
|
||||||
|
.elip(@clamp:1);
|
||||||
|
word-break: break-all;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -177,6 +182,11 @@
|
|||||||
color: @COLOR_GRAY04;
|
color: @COLOR_GRAY04;
|
||||||
text-decoration: line-through;
|
text-decoration: line-through;
|
||||||
}
|
}
|
||||||
|
> strong {
|
||||||
|
overflow: hidden;
|
||||||
|
.elip(@clamp:1);
|
||||||
|
word-break: break-all;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user