From f36acfa021356e40b15d673e6d6acd89286c85ab Mon Sep 17 00:00:00 2001 From: "junghoon86.park" Date: Fri, 5 Sep 2025 17:20:11 +0900 Subject: [PATCH] =?UTF-8?q?[=EC=83=81=ED=92=88=20=EC=83=81=EC=84=B8]=20?= =?UTF-8?q?=EC=8A=A4=ED=83=80=EC=9D=BC=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 배경부분 적용 및 스타일 적용 - 배경 이미지 추가(예제 이미지, 변경필요 및 파트너 별 적용 필요) 좋아요 버튼 스타일 추가 및 변경 - 크기 조절 및 스타일 추가. 버튼 간격 및 스타일 수정 - 버튼 간격 조정 및 길이 조절 --- .../ProductAllSection/ProductAllSection.jsx | 7 ++++++- .../ProductAllSection.module.less | 11 ++++------- .../ProductInfoSection/QRCode/QRCode.jsx | 9 +++++++-- .../ShopByMobilePriceDisplay.jsx | 10 ++++++---- .../ShopByMobilePriceDisplay.module.less | 19 ++++++++++--------- 5 files changed, 33 insertions(+), 23 deletions(-) diff --git a/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.jsx b/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.jsx index f21efc23..58ae3ea6 100644 --- a/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.jsx +++ b/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.jsx @@ -294,7 +294,12 @@ export default function ProductAllSection({ productType={productType} >
- + {/* */} +
diff --git a/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.module.less b/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.module.less index a2624f86..c79563da 100644 --- a/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.module.less +++ b/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.module.less @@ -42,6 +42,9 @@ display: flex; justify-content: flex-start; align-items: flex-start; + > div { + height: 339px; + } } // 3. Content Section - 1180px (1114px 콘텐츠 + 66px 스크롤바) @@ -428,13 +431,7 @@ // ProductOverview 컨테이너 스타일 수정 (자식 요소에 맞게 크기 조정) [class*="ProductOverview"] { - align-self: stretch; - padding: 0 0 5px; // ProductDetailCard mainContent와 동일한 패딩 - display: flex; - flex-direction: column; - justify-content: flex-start; - align-items: flex-start; - + padding: 0 0 5px; // 내부 div (productInfoWrapper) > div { align-self: stretch; diff --git a/com.twin.app.shoptime/src/views/DetailPanel/ProductInfoSection/QRCode/QRCode.jsx b/com.twin.app.shoptime/src/views/DetailPanel/ProductInfoSection/QRCode/QRCode.jsx index e6d38cd9..69d352b7 100644 --- a/com.twin.app.shoptime/src/views/DetailPanel/ProductInfoSection/QRCode/QRCode.jsx +++ b/com.twin.app.shoptime/src/views/DetailPanel/ProductInfoSection/QRCode/QRCode.jsx @@ -21,6 +21,7 @@ export default function QRCode({ selectedPrdtId, selectedPatnrId, deviceInfo, + kind, }) { const isBuyNow = productType === "buyNow"; const isTheme = productType === "theme"; @@ -54,8 +55,12 @@ export default function QRCode({ return (
- {qrCodeUrl && } - + {/* {qrCodeUrl && } */} + {kind === "detail" ? ( + + ) : ( + "" + )} {/* todo : 시나리오,UI 릴리즈 후 */} {/*
diff --git a/com.twin.app.shoptime/src/views/DetailPanel/ProductOverview/ProductPriceDisplay/ShopByMobilePriceDisplay/ShopByMobilePriceDisplay.jsx b/com.twin.app.shoptime/src/views/DetailPanel/ProductOverview/ProductPriceDisplay/ShopByMobilePriceDisplay/ShopByMobilePriceDisplay.jsx index fe2ca58d..5045bcb4 100644 --- a/com.twin.app.shoptime/src/views/DetailPanel/ProductOverview/ProductPriceDisplay/ShopByMobilePriceDisplay/ShopByMobilePriceDisplay.jsx +++ b/com.twin.app.shoptime/src/views/DetailPanel/ProductOverview/ProductPriceDisplay/ShopByMobilePriceDisplay/ShopByMobilePriceDisplay.jsx @@ -71,10 +71,12 @@ export default function ShopByMobilePriceDisplay({
{$L("Shop Time Price")} + + {discountedPrice}
{/* TODO : rewd data*/} {/* 분할금액 조건문처리 케이스별로 */} - {discountedPrice} + {/* 리워드 금액 */} {(TYPE_CASE.case7 || TYPE_CASE.case5 || @@ -113,10 +115,10 @@ export default function ShopByMobilePriceDisplay({ ? patncNm + " " + $L("Price") : patnrName + $L("Price")} - {discountRate && Number(discountRate.replace("%", "")) > 4 && ( -
{discountRate}
- )}
+ {discountRate && Number(discountRate.replace("%", "")) > 4 && ( +
{discountRate}
+ )}
{isDiscountedPriceEmpty ? offerInfo : discountedPrice} diff --git a/com.twin.app.shoptime/src/views/DetailPanel/ProductOverview/ProductPriceDisplay/ShopByMobilePriceDisplay/ShopByMobilePriceDisplay.module.less b/com.twin.app.shoptime/src/views/DetailPanel/ProductOverview/ProductPriceDisplay/ShopByMobilePriceDisplay/ShopByMobilePriceDisplay.module.less index 45297f33..d73a0706 100644 --- a/com.twin.app.shoptime/src/views/DetailPanel/ProductOverview/ProductPriceDisplay/ShopByMobilePriceDisplay/ShopByMobilePriceDisplay.module.less +++ b/com.twin.app.shoptime/src/views/DetailPanel/ProductOverview/ProductPriceDisplay/ShopByMobilePriceDisplay/ShopByMobilePriceDisplay.module.less @@ -14,7 +14,7 @@ .topLayer { margin-bottom: 20px; height: 42px; - .flex(); + flex-wrap: wrap; } .rateTag { background: linear-gradient(309.43deg, #ef775b 23.84%, #c70850 100%); @@ -23,7 +23,6 @@ padding: 6px 12px; border-radius: 6px; color: @COLOR_WHITE; - margin-right: 10px; .font(@fontFamily: @baseFont, @fontSize: 24px); font-weight: 700; .flex(); @@ -35,8 +34,9 @@ width: 100%; } .btmLayer { - .flex(); margin-top: 14px; + display: flex; + align-items: center; } .price { font-weight: bold; @@ -71,6 +71,7 @@ } .partnerPrc { text-decoration: line-through; + align-items: center; } } .rewdBtmLayer { @@ -91,12 +92,12 @@ margin-right: 10px; padding-top: 14px; } - .rewdRate { - font-size: 60px; - font-weight: bold; - color: @PRIMARY_COLOR_RED; - margin-top: 18px; - } + } + .rewdRate { + font-size: 60px; + font-weight: bold; + color: @PRIMARY_COLOR_RED; + margin-top: 18px; } } }