diff --git a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/TodaysDeals/TodaysDeals.jsx b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/TodaysDeals/TodaysDeals.jsx index 0a1490dd..c7423043 100644 --- a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/TodaysDeals/TodaysDeals.jsx +++ b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/TodaysDeals/TodaysDeals.jsx @@ -9,6 +9,7 @@ const STRING_CONF = { TODAYS_DEALS: $L("TODAY'S DEALS"), }; +// @@pyh, Todo 추후 삭제 // cpnFlag, // 쿠폰 여부 (Y or N) // freeShippingFlag, // 무료 배송 여부 (Y or N) // logoImgAlt, // 로고 이미지 alt 값 @@ -30,10 +31,7 @@ const STRING_CONF = { // todaySpclFlag, // Today Sepcial Value 여부 (Y or N) export default memo(function TodaysDeals({ brandTsvInfo }) { - console.log("@@brandTsvInfo", brandTsvInfo); - const { - cpnFlag: couponFlag, freeShippingFlag, prdtNm: productName, priceInfo, @@ -45,10 +43,8 @@ export default memo(function TodaysDeals({ brandTsvInfo }) {
- {imageAlt} +
-
- {todaySpecialFlag === "N" && } - {freeShippingFlag === "N" && } -
-
- {true && } - {true && } - {true && } - {true && } - {couponFlag === "N" && ( - // @@pyh Todo, COUPON, image resource 유무에 따라 추후 수정 (언어) - {"COUPON"} - )} -
+ {todaySpecialFlag === "Y" && } + {freeShippingFlag === "Y" && }

{productName}

{discountRate ? discountedPrice : originalPrice} - {/* {discountRate && {originalPrice}} */} - {"$ 22.33"} + {discountRate && {originalPrice}}

- {/* {discountRate && ( + {discountRate && (
- {"18%"} - {"SAVE"} + {discountRate} + {STRING_CONF.SAVE}
- )} */} -
- {"18%"} - {"SAVE"} -
+ )} ); }); diff --git a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/TodaysDeals/TodaysDealsCard/TodaysDealsCard.module.less b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/TodaysDeals/TodaysDealsCard/TodaysDealsCard.module.less index fac9ed38..83b83dd9 100644 --- a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/TodaysDeals/TodaysDealsCard/TodaysDealsCard.module.less +++ b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/TodaysDeals/TodaysDealsCard/TodaysDealsCard.module.less @@ -28,94 +28,37 @@ .size(@w: 648px, @h: 100%); padding: 12px 0; - // product badge icon area (top) + // top > div:nth-child(1) { - .size(@w: inherit, @h: 156px); + .size(@w: inherit, @h: 112px); - .todaysDealsTag { - .size(@w: inherit, @h: 112px); - - .specialValue { - display: block; - .size(@w: 240px, @h: 48px); - margin-bottom: 6px; - background-image: url("../../../../../assets/icon/badge/badge-td-specialvalue@3x.png"); - background-position: center; - background-size: contain; - } - - .freeShipping { - display: block; - .size(@w: 240px, @h: 48px); - margin-bottom: 6px; - background-image: url("../../../../../assets/icon/badge/badge-td-freesh@3x.png"); - background-position: center; - background-size: contain; - } + .specialValue { + display: block; + .size(@w: 240px, @h: 48px); + margin-bottom: 6px; + background-image: url("../../../../../assets/icon/badge/badge-td-specialvalue@3x.png"); + background-position: center; + background-size: contain; } - .specialPriceType { - .flex(@justifyCenter: flex-start); - overflow: hidden; - .size(@w: inherit, @h: 42px); + .freeShipping { + display: block; + .size(@w: 240px, @h: 48px); margin-bottom: 6px; - - .tsv { - display: inline-block; - .size(@w: 80px, @h: 42px); - margin-right: 6px; - background-image: url("../../../../../assets/icon/badge/badge-tsv@3x.png"); - background-position: center; - background-size: contain; - } - - .frees { - display: inline-block; - .size(@w: 130px, @h: 42px); - margin-right: 6px; - background-image: url("../../../../../assets/icon/badge/badge-frees-h@3x.png"); - background-position: center; - background-size: contain; - } - - .bigSale { - display: inline-block; - .size(@w: 120px, @h: 42px); - margin-right: 6px; - background-image: url("../../../../../assets/icon/badge/badge-bigsale@3x.png"); - background-position: center; - background-size: contain; - } - - .shopTimePrice { - display: inline-block; - .size(@w: 200px, @h: 42px); - margin-right: 6px; - background-image: url("../../../../../assets/icon/badge/badge-shoptimeprice@3x.png"); - background-position: center; - background-size: contain; - } - - .coupon { - display: inline-block; - .size(@w: 120px, @h: 42px); - border-radius: 4px; - background-color: #7a808d; - .font(@fontFamily: @baseFontBold, @fontSize: 24px); - text-align: center; - line-height: 42px; - color: @COLOR_WHITE; - } + background-image: url("../../../../../assets/icon/badge/badge-td-freesh@3x.png"); + background-position: center; + background-size: contain; } } - // product contents area (bottom) + // bottom > div:nth-child(2) { + .flex(@direction: column, @justifyCenter: space-between, @alignCenter: flex-start); + h3 { overflow: hidden; width: 540px; - min-height: 80px; - margin-bottom: 4px; + margin-bottom: 18px; .font(@fontFamily: @baseFontBold, @fontSize: 30px); .elip(@clamp:2); word-break: break-all; @@ -167,6 +110,4 @@ .focused(@boxShadow: 22px, @borderRadius: 12px); } } - - /* selected */ }