optrader/shoptime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[TitemCard] 스타일 수정

Browse Source 
- 금액별 노출 변경
 - 나라별 노출 변경(독일,영국만 노출)
This commit is contained in:
junghoon86.park
2025-10-20 17:52:54 +09:00
parent 1a549da261
commit ee030353d5
2 changed files with 38 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
com.twin.app.shoptime/src/components/TItemCard/TItemCard.module.less
View File

@@ -210,6 +210,17 @@
} }
} }
} }
&.labelOverBox {
width: calc(100% - 60px);
> p {
font-size: 24px;
&.priceInfo {
> span {
font-size: 13px;
}
}
}
}
> div.title { > div.title {
width: 100%; width: 100%;
height: 64px; height: 64px;

47
com.twin.app.shoptime/src/components/TItemCard/TItemCard.new.jsx
View File

@@ -476,7 +476,12 @@ export default memo(function TItemCardNew({
catNm && css.hstNmWrap, catNm && css.hstNmWrap,
parsePrice(originPrice) >= 1000 && parsePrice(originPrice) >= 1000 &&
parsePrice(dcPrice) >= 1000 && parsePrice(dcPrice) >= 1000 &&
css.labelBox (countryCode === "GB" || countryCode === "DE") &&
css.labelBox,
parsePrice(originPrice) >= 10000 &&
parsePrice(dcPrice) >= 10000 &&
(countryCode === "GB" || countryCode === "DE") &&
css.labelOverBox
)} )}
> >
{logoDisplay && logo && ( {logoDisplay && logo && (
@@ -545,25 +550,27 @@ export default memo(function TItemCardNew({
} }
return ( return (
<div className={css.labelImgBox}> (countryCode === "GB" || countryCode === "DE") && (
{type !== "videoShow" && <div className={css.labelImgBox}>
energyLabels {type !== "videoShow" &&
.filter((info, index) => index < 3) energyLabels
.map((info, index) => ( .filter((info, index) => index < 3)
<SpottableTemp .map((info, index) => (
key={index} <SpottableTemp
spotlightDisabled={Boolean(!cursorVisible)} key={index}
onClick={(e) => onEnergyClick(e, info.enrgLblUrl)} spotlightDisabled={Boolean(!cursorVisible)}
aria-label={`Energy Efficiency ${info.enrgGrade || ""}`} onClick={(e) => onEnergyClick(e, info.enrgLblUrl)}
> aria-label={`Energy Efficiency ${info.enrgGrade || ""}`}
<CustomImage >
alt={`Energy Label ${info.enrgGrade || index + 1}`} <CustomImage
delay={0} alt={`Energy Label ${info.enrgGrade || index + 1}`}
src={info.enrgLblIcnUrl} delay={0}
/> src={info.enrgLblIcnUrl}
</SpottableTemp> />
))} </SpottableTemp>
</div> ))}
</div>
)
); );
})()} })()}
</div> </div>