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

랜덤 부분 투데이스딜 번역 관련 수정

Browse Source
This commit is contained in:
junghoon86.park
2024-07-12 14:59:12 +09:00
parent 1f67387eb4
commit 289e532c76
4 changed files with 65 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
com.twin.app.shoptime/assets/images/img-home-banner-td-hor@3x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.8 KiB

BIN
com.twin.app.shoptime/assets/images/img-home-banner-td-ver@3x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.5 KiB

54
com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RandomUnit.jsx
View File

@@ -4,32 +4,47 @@ import React, {
useMemo,
useRef,
useState,
} from "react";
} from 'react';
import classNames from "classnames";
import { useDispatch, useSelector } from "react-redux";
import classNames from 'classnames';
import {
useDispatch,
useSelector,
} from 'react-redux';
import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
import Spottable from "@enact/spotlight/Spottable";
import SpotlightContainerDecorator
from '@enact/spotlight/SpotlightContainerDecorator';
import Spottable from '@enact/spotlight/Spottable';
import btnPlay from "../../../../assets/images/btn/btn-play-thumb-nor.png";
import defaultLogoImg from "../../../../assets/images/ic-tab-partners-default@3x.png";
import emptyHorImage from "../../../../assets/images/img-home-banner-empty-hor.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 btnPlay from '../../../../assets/images/btn/btn-play-thumb-nor.png';
import defaultLogoImg
from '../../../../assets/images/ic-tab-partners-default@3x.png';
import emptyHorImage
from '../../../../assets/images/img-home-banner-empty-hor.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 { pushPanel } from "../../../actions/panelActions";
import { pushPanel } from '../../../actions/panelActions';
import {
finishVideoPreview,
startVideoPlayer,
} from "../../../actions/playActions";
import CustomImage from "../../../components/CustomImage/CustomImage";
import useLogService from "../../../hooks/useLogService";
import usePriceInfo from "../../../hooks/usePriceInfo";
import { LOG_MENU, LOG_TP_NO, panel_names } from "../../../utils/Config";
import { formatGMTString } from "../../../utils/helperMethods";
import css from "./RandomUnit.module.less";
} from '../../../actions/playActions';
import CustomImage from '../../../components/CustomImage/CustomImage';
import useLogService from '../../../hooks/useLogService';
import usePriceInfo from '../../../hooks/usePriceInfo';
import {
LOG_MENU,
LOG_TP_NO,
panel_names,
} from '../../../utils/Config';
import {
$L,
formatGMTString,
} from '../../../utils/helperMethods';
import css from './RandomUnit.module.less';
const SpottableComponent = Spottable("div");
@@ -513,6 +528,7 @@ export default function RandomUnit({
}
>
<div className={css.productInfo}>
<div className={css.todaysDealTitle}>{$L("TODAY's DEALS")}</div>
<div className={css.textBox}>{randomData.prdtNm}</div>
<div className={css.accBox}>
{parseFloat(originalPrice?.replace("$", "")) === 0 ? (

34
com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RandomUnit.module.less
View File

@@ -73,15 +73,29 @@
}
&.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-position: left top;
border-radius: 10px;
padding: 268px 36px 0;
padding: 73px 36px 0;
.productInfo {
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 {
.size(@w: 100%, @h: 80px);
margin-top: 71px;
.elip(@clamp:2);
font-weight: bold;
font-size: 30px;
@@ -119,7 +133,7 @@
}
}
&.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-position: center center;
display: flex;
@@ -133,9 +147,21 @@
}
.productInfo {
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 {
.size(@w: 294px, @h: 80px);
margin: 234px 0 5px 50px;
margin: 67px 0 5px 50px;
text-align: left;
}
.accBox {