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

[foryou] 저스트 포유 스타일 변경 및 수정

Browse Source 
- 첫번째 타이틀 글자값 흰색으로
 - shelfExpsOrd 순서대로 노출
This commit is contained in:
junghoon86.park
2025-10-20 17:59:31 +09:00
parent ee030353d5
commit aa5b96fe91
2 changed files with 48 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
com.twin.app.shoptime/src/views/JustForYouTestPanel/JustForYouTestPanel.jsx
View File

@@ -162,55 +162,53 @@ const JustForYouTestPanel = ({ panelInfo, ...rest }) => {
</div>
{shelfInfos &&
Array.isArray(shelfInfos) &&
shelfInfos.length > 0 ? (
<>
{shelfInfos.map((shelf, shelfIndex) => {
if (
!shelf ||
!shelf.productInfos ||
shelf.productInfos.length === 0
) {
return null;
}
Array.isArray(shelfInfos) &&
shelfInfos.length > 0 && (
<>
{shelfInfos
.sort((a, b) => a.shelfExpsOrd - b.shelfExpsOrd)
.map((shelf, shelfIndex) => {
if (
!shelf ||
!shelf.productInfos ||
shelf.productInfos.length === 0
) {
return null;
}
return (
<ListContainer
key={shelf.shelfId}
className={classNames(
css.itemsContainer,
shelfIndex === 0 && css.itemsContinerFirst
)}
spotlightId={`${SpotlightIds.JUST_FOR_YOU_ITEMS}_${shelf.shelfId}`}
data-wheel-point
>
<SectionTitle
title={`${shelf.shelfNm.replace("(#)", "").trim()} (${shelf.productInfos.length})`}
data-title-index={`JFYTitle_${shelfIndex}`}
/>
<div className={css.itemList}>
<TVirtualGridList
dataSize={shelf.productInfos.length}
itemWidth={324}
itemHeight={438}
spacing={18}
renderItem={renderItem(
shelf.shelfId,
shelf.productInfos
return (
<ListContainer
key={shelf.shelfId}
className={classNames(
css.itemsContainer,
shelfIndex === 0 && css.itemsContinerFirst
)}
direction="horizontal"
/>
</div>
</ListContainer>
);
})}
</>
) : (
<div className={css.loadingContainer}>
<p>Loading...</p>
</div>
)}
spotlightId={`${SpotlightIds.JUST_FOR_YOU_ITEMS}_${shelf.shelfId}`}
data-wheel-point
>
<SectionTitle
title={`${shelf.shelfNm.replace("(#)", "").trim()} (${shelf.productInfos.length})`}
data-title-index={`JFYTitle_${shelfIndex}`}
/>
<div className={css.itemList}>
<TVirtualGridList
dataSize={shelf.productInfos.length}
itemWidth={324}
itemHeight={438}
spacing={18}
renderItem={renderItem(
shelf.shelfId,
shelf.productInfos
)}
direction="horizontal"
/>
</div>
</ListContainer>
);
})}
</>
)}
<ListContainer>
<TButton

3
com.twin.app.shoptime/src/views/JustForYouTestPanel/JustForYouTestPanel.module.less
View File

@@ -17,6 +17,9 @@
margin-top: 30px;
&.itemsContinerFirst {
margin-top: 470px;
> h2 {
color: @COLOR_WHITE;
}
}
.itemList {