랜덤 부분 투데이스딜 번역 관련 수정
This commit is contained in:
Binary file not shown.
|
After Width: | Height: | Size: 5.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.5 KiB |
@@ -4,32 +4,47 @@ import React, {
|
|||||||
useMemo,
|
useMemo,
|
||||||
useRef,
|
useRef,
|
||||||
useState,
|
useState,
|
||||||
} from "react";
|
} from 'react';
|
||||||
|
|
||||||
import classNames from "classnames";
|
import classNames from 'classnames';
|
||||||
import { useDispatch, useSelector } from "react-redux";
|
import {
|
||||||
|
useDispatch,
|
||||||
|
useSelector,
|
||||||
|
} from 'react-redux';
|
||||||
|
|
||||||
import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
|
import SpotlightContainerDecorator
|
||||||
import Spottable from "@enact/spotlight/Spottable";
|
from '@enact/spotlight/SpotlightContainerDecorator';
|
||||||
|
import Spottable from '@enact/spotlight/Spottable';
|
||||||
|
|
||||||
import btnPlay from "../../../../assets/images/btn/btn-play-thumb-nor.png";
|
import btnPlay from '../../../../assets/images/btn/btn-play-thumb-nor.png';
|
||||||
import defaultLogoImg from "../../../../assets/images/ic-tab-partners-default@3x.png";
|
import defaultLogoImg
|
||||||
import emptyHorImage from "../../../../assets/images/img-home-banner-empty-hor.png";
|
from '../../../../assets/images/ic-tab-partners-default@3x.png';
|
||||||
import emptyVerImage from "../../../../assets/images/img-home-banner-empty-ver.png";
|
import emptyHorImage
|
||||||
import defaultImageItem from "../../../../assets/images/img-thumb-empty-product@3x.png";
|
from '../../../../assets/images/img-home-banner-empty-hor.png';
|
||||||
import liveShow from "../../../../assets/images/tag-liveshow.png";
|
import emptyVerImage
|
||||||
|
from '../../../../assets/images/img-home-banner-empty-ver.png';
|
||||||
|
import defaultImageItem
|
||||||
|
from '../../../../assets/images/img-thumb-empty-product@3x.png';
|
||||||
|
import liveShow from '../../../../assets/images/tag-liveshow.png';
|
||||||
//import { sendBroadCast } from "../../../actions/commonActions";
|
//import { sendBroadCast } from "../../../actions/commonActions";
|
||||||
import { pushPanel } from "../../../actions/panelActions";
|
import { pushPanel } from '../../../actions/panelActions';
|
||||||
import {
|
import {
|
||||||
finishVideoPreview,
|
finishVideoPreview,
|
||||||
startVideoPlayer,
|
startVideoPlayer,
|
||||||
} from "../../../actions/playActions";
|
} from '../../../actions/playActions';
|
||||||
import CustomImage from "../../../components/CustomImage/CustomImage";
|
import CustomImage from '../../../components/CustomImage/CustomImage';
|
||||||
import useLogService from "../../../hooks/useLogService";
|
import useLogService from '../../../hooks/useLogService';
|
||||||
import usePriceInfo from "../../../hooks/usePriceInfo";
|
import usePriceInfo from '../../../hooks/usePriceInfo';
|
||||||
import { LOG_MENU, LOG_TP_NO, panel_names } from "../../../utils/Config";
|
import {
|
||||||
import { formatGMTString } from "../../../utils/helperMethods";
|
LOG_MENU,
|
||||||
import css from "./RandomUnit.module.less";
|
LOG_TP_NO,
|
||||||
|
panel_names,
|
||||||
|
} from '../../../utils/Config';
|
||||||
|
import {
|
||||||
|
$L,
|
||||||
|
formatGMTString,
|
||||||
|
} from '../../../utils/helperMethods';
|
||||||
|
import css from './RandomUnit.module.less';
|
||||||
|
|
||||||
const SpottableComponent = Spottable("div");
|
const SpottableComponent = Spottable("div");
|
||||||
|
|
||||||
@@ -513,6 +528,7 @@ export default function RandomUnit({
|
|||||||
}
|
}
|
||||||
>
|
>
|
||||||
<div className={css.productInfo}>
|
<div className={css.productInfo}>
|
||||||
|
<div className={css.todaysDealTitle}>{$L("TODAY's DEALS")}</div>
|
||||||
<div className={css.textBox}>{randomData.prdtNm}</div>
|
<div className={css.textBox}>{randomData.prdtNm}</div>
|
||||||
<div className={css.accBox}>
|
<div className={css.accBox}>
|
||||||
{parseFloat(originalPrice?.replace("$", "")) === 0 ? (
|
{parseFloat(originalPrice?.replace("$", "")) === 0 ? (
|
||||||
|
|||||||
@@ -73,15 +73,29 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&.todaysDeals {
|
&.todaysDeals {
|
||||||
background-image: url(../../../../assets/images/img_home_banner_td_ver.png);
|
background-image: url(../../../../assets/images/img-home-banner-td-ver@3x.png);
|
||||||
background-size: 486px 858px;
|
background-size: 486px 858px;
|
||||||
background-position: left top;
|
background-position: left top;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
padding: 268px 36px 0;
|
padding: 73px 36px 0;
|
||||||
.productInfo {
|
.productInfo {
|
||||||
margin-bottom: 33px;
|
margin-bottom: 33px;
|
||||||
|
.todaysDealTitle {
|
||||||
|
.size(@w:100%,@h:132px);
|
||||||
|
font-size: 76px;
|
||||||
|
font-weight: 900;
|
||||||
|
word-break: keep-all;
|
||||||
|
font-stretch: normal;
|
||||||
|
font-style: normal;
|
||||||
|
color: #151515;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 76px;
|
||||||
|
font-family: Arial, Helvetica, sans-serif;
|
||||||
|
font-weight: 900;
|
||||||
|
}
|
||||||
.textBox {
|
.textBox {
|
||||||
.size(@w: 100%, @h: 80px);
|
.size(@w: 100%, @h: 80px);
|
||||||
|
margin-top: 71px;
|
||||||
.elip(@clamp:2);
|
.elip(@clamp:2);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
@@ -119,7 +133,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
&.isHorizontal {
|
&.isHorizontal {
|
||||||
background-image: url(../../../../assets/images/img_home_banner_td_hor.png);
|
background-image: url(../../../../assets/images/img-home-banner-td-hor@3x.png);
|
||||||
background-size: 744px 420px;
|
background-size: 744px 420px;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -133,9 +147,21 @@
|
|||||||
}
|
}
|
||||||
.productInfo {
|
.productInfo {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
|
.todaysDealTitle {
|
||||||
|
.size(@w:296px,@h:114px);
|
||||||
|
margin-top: 53px;
|
||||||
|
margin-left: 49px;
|
||||||
|
font-size: 66px;
|
||||||
|
font-weight: 900;
|
||||||
|
word-break: break-all;
|
||||||
|
color: #151515;
|
||||||
|
text-align: left;
|
||||||
|
line-height: 57px;
|
||||||
|
font-family: Arial, Helvetica, sans-serif;
|
||||||
|
}
|
||||||
.textBox {
|
.textBox {
|
||||||
.size(@w: 294px, @h: 80px);
|
.size(@w: 294px, @h: 80px);
|
||||||
margin: 234px 0 5px 50px;
|
margin: 67px 0 5px 50px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
.accBox {
|
.accBox {
|
||||||
|
|||||||
Reference in New Issue
Block a user