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

[TrendingNow]

Browse Source 
Detail Notes :
 
1. lgCatCd 추가
2. PopularShow 배경 위치 변경
This commit is contained in:
jangheon Pyo
2024-04-09 19:05:50 +09:00
parent 4357a05880
commit feda4ef67d
3 changed files with 16 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
com.twin.app.shoptime/src/views/TrendingNowPanel/PopularShow/PopularShowIndicator.jsx
View File

@@ -40,6 +40,7 @@ export default function PopularShowIndicator({ scrollTop, onSpotlightDown }) {
showUrl,
catCd,
showId,
lgCatCd,
} = topInfos[selectedIndex];
const isVertical = Boolean(vtctpYn === "Y");
@@ -79,6 +80,7 @@ export default function PopularShowIndicator({ scrollTop, onSpotlightDown }) {
showId: showId,
patnrId: patnrId,
shptmBanrTpNm: "VOD",
lgCatCd: lgCatCd,
},
})
);

14
com.twin.app.shoptime/src/views/TrendingNowPanel/PopularShow/PopularShowIndicator.module.less
View File

@@ -2,9 +2,17 @@
@import "../../../style/utils.module.less";
.popularContainer {
.size(@w:1620px,@h:564px);
.size(@w:1638px,@h:564px);
position: relative;
margin: 42px auto 0;
margin: 42px 0 0 90px;
&::after {
.position(@position: absolute, @right: 18px, @bottom: -26px);
z-index: 12;
background-size: 100% 100%;
.size(@w: 600px, @h: 279px);
background-image: url("../../../../assets/images/img-topdeals-list-masking.png");
content: "";
}
.popularContents {
display: flex;
justify-content: space-between;
@@ -29,7 +37,7 @@
}
&.nextBtn {
right: -30px;
right: -12px;
background-image: url("../../../../assets/images/btn/btn-right-84-nor@3x.png");
&:focus {
background-image: url("../../../../assets/images/btn/btn-right-84-foc@3x.png");

12
com.twin.app.shoptime/src/views/TrendingNowPanel/PopularShow/PopularShowVerticalContents/PopularProductList.module.less
View File

@@ -7,15 +7,6 @@
.size(@w: 636px, @h: 610px);
top: -22px;
&::after {
.position(@position: absolute, @right: 0, @bottom: 0);
z-index: 12;
background-size: 100% 100%;
.size(@w: 600px, @h: 279px);
background-image: url("../../../../../assets/images/img-topdeals-list-masking.png");
content: "";
}
// tVirtualGridListContainer
// > div {
// .size(@w: 636px, @h: 564px);
@@ -31,4 +22,7 @@
.itemCard {
.size(@w: 600px, @h: 236px);
> div:last-child {
width: 329px;
}
}