From 289e532c76cb85a4c2da69d005e987c1cbcb3b08 Mon Sep 17 00:00:00 2001 From: "junghoon86.park" Date: Fri, 12 Jul 2024 14:59:12 +0900 Subject: [PATCH] =?UTF-8?q?=EB=9E=9C=EB=8D=A4=20=EB=B6=80=EB=B6=84=20?= =?UTF-8?q?=ED=88=AC=EB=8D=B0=EC=9D=B4=EC=8A=A4=EB=94=9C=20=EB=B2=88?= =?UTF-8?q?=EC=97=AD=20=EA=B4=80=EB=A0=A8=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../images/img-home-banner-td-hor@3x.png | Bin 0 -> 5982 bytes .../images/img-home-banner-td-ver@3x.png | Bin 0 -> 6636 bytes .../views/HomePanel/HomeBanner/RandomUnit.jsx | 54 ++++++++++++------ .../HomeBanner/RandomUnit.module.less | 34 +++++++++-- 4 files changed, 65 insertions(+), 23 deletions(-) create mode 100644 com.twin.app.shoptime/assets/images/img-home-banner-td-hor@3x.png create mode 100644 com.twin.app.shoptime/assets/images/img-home-banner-td-ver@3x.png diff --git a/com.twin.app.shoptime/assets/images/img-home-banner-td-hor@3x.png b/com.twin.app.shoptime/assets/images/img-home-banner-td-hor@3x.png new file mode 100644 index 0000000000000000000000000000000000000000..a4b9ed3a7c92e73bbd993fdf7f25a547423d467f GIT binary patch literal 5982 zcmeHKdsGu=7LPG$(X1eJ<5*}lq*&RYqsO)D@>m~~sX$p4EF=XcfYfz;6i9f9RTQH1 z5a!entHrZD(3*Jm&?cZF#Zh;UL;DtP}ZF^4p z*LUa6{oVV!zwh43i8?BB<+Q1uQ#l;Yw6M^SRUD2B$>H$&c$0x=%dVQ2!7(!`A_miF zG!YRIEiEm5eSKoFcw}V6)6=u0q@-%^YdIiha@MNI*LXeML893m9L|ivu#goox$S*l ztk^KP{JF-}A0dZCvzGrOU)n2Oz0WHv$(vlTv;5@yXb6`dII?d|dCya`zxi@yhq~-s znsG_`@{yeN9-kdNlD1JZvs_>H3Z4;Ow)u7&w`KQ>djE}r*D>$(1xV^7gYN-!(=9Z! z1u^OtW&2;N?QXciH&pB?jOIzBcM=FPQ#E{{efQug0zyu1x=nGV(UwZ^;!yFY554Qs z@t{Ot4SIoR?)I-!gaxs`t|p)_{N(X_Qjp~GU9k*J77Fiv^(o(|t9TXBfKo*oa}{1E znR+bC9RPzL<|_NYQN_k|gaK!^;DYYt0fR3gNEWIAZHoI+;ET#hwznVl#_nn0!|=wG-=NFu zCE*ko#z?KztQD=W$Ghv6rCM{bN`D8V@wszDJP?SSc}}vSo@Nay6?`nyk{lc1s84F$ z=@8h`$BCd5Nc)Y$&oEBN&BhO=vJ?4!cY$~NTpG4IcUO`uVDaXZ5s`9#Pfg9DRnwIF z&(zF2c&V@TEI~%KOZ?M&#ps?(zl%&rT@pqGFVKf3T)=RbLrMM{-qw=SlfV9ObGADY zoR<0g;)5s^T>lR7#+Mf{ylCL&J~cs3_YPc}1H*a(Yh;MhBnid`DvPG{iIt|k0_s#N znc09 z$i<}<`2bQRpj2c&Ny8^>i%?38f_%2LASs=aegrSX)@tC9*fEzC2Ve|l?6$2KJRH@y zj*Lu~BJ}?s%IcWi{a9@%BTFsT^?aYiDwf=1w|`Kb;MCE#@m&|?XrJ!bcC%x(q3&=o zY;Y(mGimHQan@VlC=P&*dl;Qf?PTix6eg0Tw4-}2ONp`CV6s?K?yQ`%+^*&08OT#^ zf!QMPgU=B)T@TRakmNj+Xr`*k`adh<@EN5I@Tj#r=b;I9-;C1v)<76Sz*R?S9a^ zqe2`++e-i#Qv&qGlmI<5B|s%diC<)7X6VVuIE$I3pT;;ci!zaEoH34JJTswbbd3AY zTt=niyD^TX{zXRH7yrr0=*E0Be#9Rc)>iA}f#K_4m|C|mpvEiIB&_g?;wAb0>InaX z!g;3Q^WwaU*7yE;HNDZNC*kzf)5Gav(gjr!onkUnQ6Rv1hzV1;<33~^-|BTiJ@8Jh z)yqSspo#(*3n4s&tb?%-q7vXXFE{|y<^~7A+6%Y2 zh6dos(4d)HSV5AZ@xsD{HzznzXf(fD`?YWQ9ctn=4)m`AeiU^En2{nb;jm z_j*SBoUjRRB!_#PwOcKD-U`V${?!Tj-$jT~ozal%f&l@Hr_YmDve zkeWd^b=WXl4RcBPU!ZRBtJ&Gsg=jzpE>d}z)@ogd3~Ci))IAGTl|Ej&adzeeGb^v1 z!W8D>CvlZdiAO&HkAhk1)`E$T-_F*{d6)v;6yEF-lk0XkO&@iXp0o{4ljds4b^}}Z zzS9&wf2bJj#yY(fKD*x)EJ5uLI)s+V*IK|%)_lbtl~Kty) zZIyTmT3yUTD%);QzAm&`7A}iab?Q=t{w^xQC^lhIZKoJw#%k}n+4k&oe2vgrp{H50 z8|G1HV|~b`3EH}s@7xs7Y~wHw+-Pf}tWnZ_|37>r4ufQ;pxgYIil**WTmGFuHv$Qm zx~pZ{TZuFmOU&^*SN=B{JMn1jyvF{#0lP>%#39&d?4h>vSvM}nVV~bi>`W1crGeJ6 zg2}Df{YLTnt=GGNYZ{vLT#zBu^SUc4)n4eNG-zq-jz7saF8Sj&5PX0-qdQAf#rgJH*4^&IFS@`w8E!%Vs00SPh4eokxHu*xyw!HPte~15# N!?4JZs^DbRe*qU=UtRzJ literal 0 HcmV?d00001 diff --git a/com.twin.app.shoptime/assets/images/img-home-banner-td-ver@3x.png b/com.twin.app.shoptime/assets/images/img-home-banner-td-ver@3x.png new file mode 100644 index 0000000000000000000000000000000000000000..e3b236c5b48bcecc68f7cdd8daf8e42b6ad4a36a GIT binary patch literal 6636 zcmeHMeN}b-)0R*n$wi1kn(6TB0*3-(NyNEP^#6vfeNT7j#1cD^rV93ME8B z_;7&W2k<2o=V(RoQZ_oHlmdG%AJ-(u1I6IhKYHHxoIFpS z_df6Q`Fn04V^4s$;R^E=G#bs&*T-WojkXk{(N-Ag>cDS4&Mbciewgm@5B4l9EF=iR z*4B1%a?;$~TqF|t>25dxrFzHq2E4r#emgn-d7W_tjrL}$uZL@JQZLcdX!yCcv99aK zem5W4+Dv}^!_!pVsL<1!qyHih6)e}UZ|W16i=rE5F4MYyM28TIImLvtp5 zB0BvQ=8R#JKu(*t!i+(Wogz%%qQ|;tJ1BnT_T8GRI#6Q3Xcda?ICTU4?M+1QK+H9v9-usv*W)MDCZS=)T-2`CNP=2N92eoie!7wuA;_Tf2h zovU%$68k}eG$ZSj<;AomI=Quz4imdYcSHid87>KXn)Xxi|!n=4C1ulkt+x8RUH74UXmz5a@$4! z5KhZ=7m&ENEb8_NT~_^fOMNBl_XDeO`>h*_Zq(?p6kFW>ylX!wz44o*TZjIEtrol; zth|8c%2ak1mZ!dhaO}k<-yc~j8}`Or;xZIYM%Ar$6}(pcDtNP+I;fh{0)3)3*=wpB z=7*9&!V73@dp-T!Rp7+q0&LtJ7Y za=@C+0FsGfo*ZDyN2Kf@&Ep=p+)m|*3{=9y<-4lnA?`rpi+|tTmxDf)T7Hr(JAqyM z!LSH*l!lF(fI$ZL4@~|z(i7f;R7i+&f2=D&na={z>&E_b_+%One@`xU%0v^g$0zy? zK(rlqBA$nv%PYxq!h;|1aJzyAK@QZ(Y7TJ*|9;9vu`YLESOO1!m}mJ%7Up=FV3U%8 z-`XM-rwPT$jBJ^&pvMgwBpwcv%0`h;J9ruQ+f?{O&iKF$C=bDgk6&r-4#w6>p~+z^ zFt{%HHk4nKG%z7Orr2tNIhGNzRWX=jD$z17k#z`~a*&Er!rKbP9P5ZAV-7Gspv*sl zRGcHqnNl=CYB}nG!~}y+NK;GSgWAinYYgaj>8>4>1_+hK@c4&$%L@r0V{pyU3HL*qQC{ z@Mp~vDf&fd!$D;o0}MWoTnC~@Bc<#kFtbHd$${yb$@I(leEEx7fG5}z^=eSB5B2P0 zp4#!#)kD>jsfx+4CduNYOxBk7QxC#CPA{Y-G+XH9E%H-vQnky;Ol!mQHR|G}xIj6r zmPd#^3*wpTl`u~xwQ))_DDyZ;LLcQKtS_y2jpCo%X|;}pR**c=(`tlu1qm4-+P>Zl z>k1S)TnfXwc*2I^9N8hPUxxz*naQoENwAv~HiyuGgv7l1?!bDaB7=Bd=Lb=E8ou*L zWKQNL^6(w<%3stYF+y+^g3G%4jZoEPLDQGhq#)B)q&*WDXgpq?!T>3r_Kg1q8OOA~~ zqBI3^8@aP{R=rR(adU1Q)F_2H!5o(3obq{aPot?-s{2XkSi;d;o8h1MjMrq)#U7*j z-x!FTE4m!JY<#}B;;jjS3+3kl%?07beE6af&)0}2^WcX@+W&`6z6?L6-v*}#?tgJsIX~_Zc`)zKi%d!`^mwQ8v*#!^37VLa}o1 zB`50{jM|qswES|LJ_Fb)etjWcEO7;1{7fkvE<*96;&+j~ct>|164=7&?JXjLpe#nZ zbAv^!tg$3-$g1N@_7=89EW5EJzYPyLc;C7xmR)<@6R$Cbzb|GN;zzAaG=o~?8|Uo8 znAGxwkTARC`P4E4rZa0+E%`|)CY$-yRKHLR<4xJDjp_?n`1O=i4KTc>;7be*^kLGo zp?QxPz$lh^8^u=T4Xp_pdBcXk544*w&zO|S9wJiN-_U{doTl`Ska#Q$zaWjR=_*Fc zWRH+CnLYX}{iAEkdIxWL@q_Nh#eNfq;$0TRrWp5gJ|)53)$kuQG+)mEk4m@0r~V7d CZRl?R literal 0 HcmV?d00001 diff --git a/com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RandomUnit.jsx b/com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RandomUnit.jsx index 87b25f28..1ad8ff29 100644 --- a/com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RandomUnit.jsx +++ b/com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RandomUnit.jsx @@ -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({ } >
+
{$L("TODAY's DEALS")}
{randomData.prdtNm}
{parseFloat(originalPrice?.replace("$", "")) === 0 ? ( diff --git a/com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RandomUnit.module.less b/com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RandomUnit.module.less index 0d69d4f7..6f5be87d 100644 --- a/com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RandomUnit.module.less +++ b/com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RandomUnit.module.less @@ -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 {