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 {
width: 100%;
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,
parsePrice(originPrice) >= 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 && (
@@ -545,25 +550,27 @@ export default memo(function TItemCardNew({
}
return (
<div className={css.labelImgBox}>
{type !== "videoShow" &&
energyLabels
.filter((info, index) => index < 3)
.map((info, index) => (
<SpottableTemp
key={index}
spotlightDisabled={Boolean(!cursorVisible)}
onClick={(e) => onEnergyClick(e, info.enrgLblUrl)}
aria-label={`Energy Efficiency ${info.enrgGrade || ""}`}
>
<CustomImage
alt={`Energy Label ${info.enrgGrade || index + 1}`}
delay={0}
src={info.enrgLblIcnUrl}
/>
</SpottableTemp>
))}
</div>
(countryCode === "GB" || countryCode === "DE") && (
<div className={css.labelImgBox}>
{type !== "videoShow" &&
energyLabels
.filter((info, index) => index < 3)
.map((info, index) => (
<SpottableTemp
key={index}
spotlightDisabled={Boolean(!cursorVisible)}
onClick={(e) => onEnergyClick(e, info.enrgLblUrl)}
aria-label={`Energy Efficiency ${info.enrgGrade || ""}`}
>
<CustomImage
alt={`Energy Label ${info.enrgGrade || index + 1}`}
delay={0}
src={info.enrgLblIcnUrl}
/>
</SpottableTemp>
))}
</div>
)
);
})()}
</div>