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;
}
}
}