From f86c26b8233198b20fb6188565f2c931e5ab7afc Mon Sep 17 00:00:00 2001
From: expdsn <18111002318@163.com>
Date: Thu, 17 Oct 2024 18:33:05 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E4=BB=8A=E5=A4=A9=E5=90=83?=
 =?UTF-8?q?=E4=BB=80=E4=B9=88=E5=B0=8F=E7=BB=84=E4=BB=B6=E7=9A=84=E5=BC=80?=
 =?UTF-8?q?=E5=8F=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/bg/eat_bg@2x.webp             | Bin 0 -> 13612 bytes
 public/bg/eat_top_bg.webp            | Bin 0 -> 3702 bytes
 src/widgets/eat/Middle.tsx           | 143 ++++++++++++++++++++++
 src/widgets/eat/Modal.tsx            |  12 ++
 src/widgets/eat/index.ts             |  20 ++++
 src/widgets/index.ts                 |   3 +-
 src/widgets/video/Large.tsx          | 171 +--------------------------
 src/widgets/video/Middle.tsx         |  10 ++
 src/widgets/video/Modal.tsx          |  12 ++
 src/widgets/video/Small.tsx          |  14 +++
 src/widgets/video/index.ts           |  22 +++-
 src/widgets/video/useWeApplyStore.ts |  29 -----
 12 files changed, 234 insertions(+), 202 deletions(-)
 create mode 100644 public/bg/eat_bg@2x.webp
 create mode 100644 public/bg/eat_top_bg.webp
 create mode 100644 src/widgets/eat/Middle.tsx
 create mode 100644 src/widgets/eat/Modal.tsx
 create mode 100644 src/widgets/eat/index.ts
 create mode 100644 src/widgets/video/Middle.tsx
 create mode 100644 src/widgets/video/Modal.tsx
 create mode 100644 src/widgets/video/Small.tsx
 delete mode 100644 src/widgets/video/useWeApplyStore.ts

diff --git a/public/bg/eat_bg@2x.webp b/public/bg/eat_bg@2x.webp
new file mode 100644
index 0000000000000000000000000000000000000000..3b087461110327c789f131d2ab7e0372a3df506c
GIT binary patch
literal 13612
zcmeHtWmKC@*DiISv=lAw+9JgrS}0HoDGtRSB)Dtw3Wefs2~sRTum|_hqJ?0^0ttbl
z!QDfW!}GoCtoQrzo$uHA`R<v$=bAlx-7|CD_m911Zaob(H7*GvB4br$9U~p-_oPHb
zL~J)|eCwa8p`xPm>()(|=+>`)?A;ecL~icB-g@fFZ0}7>*&h5Mx^+|jORQ~uJpYCM
zM|%@>HuJC8Nx}ay;(vFN*a3ZPZ$b`kl*{{O@|!hL-(YHoe__6Vu+6`){69Fr*VFeV
zM&}>wZJ?)egY9lGpTmE{HvbLVdV2p8A9oWY@8;_F&s_h=Kf5CXx*O`>w8S^cMC3!H
zN2E@q{LlVx`ZwZHNJJ!kN<?%g>EAw^Y$BrOuS7(2$bb8|z7r9VM-UM;js4sAZ%#a|
zy{-T2ad&U*ZF_qnqN7qGqDLk~L{#HMM5Jc_HFjhEA8TW~8DhFwm&Z+UAaW%F60s3!
z5V;fC5((WPQKA<_B1DomZ&*u0jEG3s_@^OJX~B0lM*ekjPtU!3>`&exSv{FQyMm{!
z4kYsltkT1pM(hPgn~%0`le}fCc=$SmT=lL{W%oVy+s&UJdgwmA8{&d>=u5UUlR%pf
zYiJd`<6#hcS(N>5c=VHg{e6S6^-e;t*zgY;J;k-0_-}alXFD@zuyOM4uaC7$3VT6&
zM<oAuL;rjGx6tH?1HynkV!3g%KhOdbZ2T0c@TVhGV$lOYuS|@9ZboMNF@TOtX8=;U
ztu+uc<_S3<dVXTf41yYavb84}x6+c+vO?xjK*nz7J0W+jSS718;MCR#^pkU{@x>vZ
zbdN7UxaDGN1&7vGU;^j)>>W+V(O7pX<>}!EK9DXnreQn)Al0uKvUS#Cj&w3PSK`h4
zxp#LxP%cyd{EK_$_RVJ@9az+Eju9>(Ade-GaQMN!#3_6t{E`93E#B3rdbV-B!q82E
z;)<}rRqax>KUFS!M<+EAsqLOs8yu=nqoMN~ohjCzD4yvLf&{*!%yZfSRqtc*MQ+f#
zH(IA9tz&Q#+c(uf-3*|~O*I!rc!st{Xqrg*A(v%Cq<j>~dR~yJ5Dx#FcrgydzX<o|
zXn0b0`9ztR-Of9|xfdY39n?-+(CNE)!RH>;M267hQ_)S|6l%4!>elq?jD$;2tLk>1
zPhNE_R4aGQ4~+vtLmwHkwn6h|u50AY;f2EB{Wd@bj2MyW=~jBF-Xhri1hk~?xaac}
z>gBA=2i@`9U%4uNd@@metf_kvitNmWnjPCN9DhV;qNUc(uVrm@iyNPJjBT4n5geF%
z5(BF%oGhXWv(YMkRv^!ElxJ%O?kKKFXlNQl+|qQ->Sl5_GER+}4JF>iKFRP11WsvM
z`ByZOG&gpg!8=2&Dped2r$!0eNNSv@@e)IK2~!>gIAGBcbAs@I4~nK0bbZB!MT{F9
zpW>N&KhP-4J?e97oazg8i?Mc789>rV`RJnoeq!JS<;e&gE9H7cMt3gJz&XEQlC@ny
zY;Y9b@^t%WQA4ZHp=<~|sxB9$*;PGhrmzV22EoV8Fi_Blp;(Q|T+Mc8B}TF;P&iYk
zN_*WWi%L^34PhUbDY^0v)asOpTc!qWn@cPf<0@mqOs-tSBr{nj>4va8tz(iENWV?^
z@1W<{R{niW8swFCJRxuBygsli&CgJ<0F;Gn%U*fgfY8lY!pTbZo$r`@_1}WOc8##l
zhK89$6*3SAW+wA9!G>BH5YR+v>$9k8N92Wgpip-n|6+M{l&eISv5JJ`5=-A!yOTi_
zEYW8(7!UUE;2K>oX$5S{N)%X>)|HhuKJ+-}uF|n^%m_9?qioE<7>-*w-Rg|S)-VHr
z8IT%{GJmQO&?-W@DQ?-F7#5eaa4s*>*5m|gasxwKBA}hLMXk_*(|y0+TF1e^9~u50
z3oVNjB~$UE&mWp`%5?)jiL8q~cjCD&M@WhU)01?9Y6_e&2ZxUqv+HqOFnfzqGkqG>
zIqh@)WWH&)t(d|pl?@Ldu}3saNcm9S5#!20wzsJsmkHafKa@RJoxbLaS#I1wNQlrJ
zufa1TPd>cI%x%}eto#DtAPB%v(jt5tBsq7)wURmvDXp~Jc5ivQmYRH`6=oUZLZ^)O
zl_@c&9<l3OjC@@r=yx?~1rOJnG)}b73#%H*2Xs{fYg&H;`eA~Tu<W$LN@$@o$jfqF
z*K{d=sI0qzw!p&@q|*ctHN865S(v$FS{M@EW!LOY5hF}^F^V=nH*6OGR%{uK4496s
zpGo>f8#)aDoia<zvbIjo`~$;9ZF8%m$B8qqicB$PCTe$*Y&it+N`toRfo<pH8~rsp
zy{GzehHi6}`oAkx+o9mb>le+j>~ZTTo2`ss(JVS}qu|PiXB-Wpl|2#>%}SOk(@!l7
z)!LJy43MYbnXkU_>tS1wP}B9o+*o@<3Am;$)X3IL3QcR<<-h+>rAtyt8E4l&QG%Hf
zkANq}A6*PD<M0aMm^gf1N>Y8G<_gP|p{`(o2u*zf9j?=AzOBUBxJ`F5;%KhJB7F&H
z4nCMMz+w1)l$Blc;A<cDc<0YxTkvCrj5WBeBiXOW&a6{w@zdBQaEx_H-aPh69x2#3
z3SaWP8gBY@5*d=hzHzmm{jsM6v|f$NqVmDJ2<>%D`8c9$itw^@SXD7CFMA#y+!-d6
zOn2nOz}2-{m2SJDk$+^3ci;$6<C1>37K$b#$W%eZ8N&n%q`sQL27BF_Dkl%bBF2S)
zQ-73b6l;jB-D@<Gn&SE}WZhjZMRjz?53%R4If3HiMK6=~IlX{6`{YQisnuDjnrSoa
z!k7k8c({;kqfO^M7b`8?&x^2%@h)Qo^KNeTVE|zA(PTIz^$pibPS}r>rmF4pCRU77
zLU#!lUA&wUjg09=++0h*S{vs`n@5;8H@auwCv&oPlo?{m4;6O8%4$J*XS&94(!Zx+
zu7pL<*Y5-E;%HU3@uZ(b<l)SIc6(XL#ky4qvaEFgBdR^=x!rD0RmHtzs`PHMP98=+
z<Q*nTdbaJ_w&0T<l;RyeW_5buPgunztvbO)$ByNN4~?%IM5{wZi?Xybt=dyJRJed$
zmwuZw9_FoKuWgQ6J-Lgx<K!p{FKlrO!7D$v&87wj6Q?`*OUc3DCtd+y^`RZGRlyvU
z$YQ^LqW0J4mmV`(TVO_)YxR>K*nWh4*a6yQiH<(op|FZiP}eLg_4af_*vy^%ht>KV
zp~8pTT^~LEbbSsFXKxa?#vnUOmDUAMTv*e$^MfBZSrr-JA7-&|eM#HeANvvu8;y(~
zeCv$#6Hq+-0Uz6NDb5Z5Y9_xawvws6qGSCcJ-Vl2oxgW1pGy4o*79?q*VO2B9?3=6
zwEh0Ed@)s(jEUGN9NCXn<nF~44*XFU4;dB4!x5r?@<FMmsA~Z=eG`s=Oq^iR__n^d
zF@m}$GiedwG{7HOh~qfkSMQE3Lh(*y5g7WdmMLgv8krTV#;an^r%#G-w;%5_po<?j
zq^~v3(H&{ymh;yu2d;EvWh26ub{1@_RvXk#uYQ^yyrj4m9W`vOKHk4v+0Dp3?|FVw
zL2~+nfM;ySytL}*byyX#m{KG+J__T^V@2a0G>1rx8lu!oP)}zM)upD?o0W}eN2Ccp
zxZO<&Klba{+@n!sfS7w2tx=)I63z78{L*GnE#DT_m@cPOy}L&WdW4g7^R8c<#V=3;
z<rJ;~R*M;>wYJ%0{YrsGt@o{S!_HMEWGxY6f`6&#&+H~er0DwN{}R+54G%SxB=7L_
zC!a5i2_j{*AH5HLCXJ*b^rxVw2w~XJWw|ZJ@GpNcVj)5M?zZb%+0kL8U5U-rVJ`dI
zydK}TyTX26ed-!P8%)7LMln$V$D-QJ_Q#wA+@XxnGL`A~bq92Zl%GZV?tnwzTY5%T
z!%Xd->BABS0caEJzRz9}IN>A_J1*hDZXN^OgW0$a{nC~@P=slOffX;st}n%<J2xm(
zW-%jC&$C5&u_KPHSvhZO3iuX5OdOk<{Yclgd=J9I;d21|sW!oB=fV=_AiGneRX)4=
zwr_7ma$yCARXR3~<2od<B0fHK@;)+sH~FNnZp8|RQpd-ksnKoWcZ9thp$8J2X=`wY
zPS>t)!r22n2DtZ&P(GzF+LT2*607rbCq;Ab`XW`P2&T`XNU`v~Hw${U%>H%<2sk(8
z3)?y0Nu;5zg;G2-!NF(HlLFk-9)FI-g|SB3_3GM}rWU*n>3g%s8~xzY3+wEptz7F^
z!O@u-{o8V2orLdsLWD8E5Ek)I>c#YfZHG1gbPWGoO_T@lv^dnI4U757!D1F;_lwN~
zh$cJanT1ad>{&6X9Ia7ypG3KB-3?07PMFt#I4`u5{oZ%M*Qb{8MnNEZkr!2q#nP0g
z@1@)(d4DBv?zQp_gcn2{BQ!{<^yReAu?i^XA=f4Up@f<_J0Cn!e|d0J$f63>l6&<f
zI~me{aJV4phVbaHGOu8nILJIw#7p!a>u@xpzR6!4_M+amk94>@kj?CD^b7sGg^pzR
znj~Z&s^!y7(v9fnEnQ5IgBg#T+?7By?a=|^=M$?av7meweQ_swdREYO%|7;C!Xj*p
zu_!=D?dck0_*Y%pl@rQj`_bOnyMHZKwazh@(LpwT1Uyr`<`%c1SJETXq^I8y6G>6q
zS;SM;l`bRnns{w1h1aZ9P=xI+{DliKPu|y2v3Ot)?qXe`pWg(U=wgxkjgM|F>X9!d
z_?)mPtm@E`;DYmire-Qv$iET*bI-KjtLeEAoqd@++Vic<YO%~|{!;|EFuoP)zO;@h
zr^|NU177!!sZi6Fh><H*hu*fAq2jEMV1RjDJ9<kBM_2~)^t*I0F)oGJeZEkQIU7Op
z@E?^rf!s3{n}q;HN;I6<Cj%<XcGOqv6Aim$b#SR&p+%hH<4~;S?le39dXgWSrFBl4
z>hof=xTND3Egz=oBN^fO*EQI?T~{kFOMJgW+RddHqa$8f+$7uo)brLsN!XdYgYp5&
zZe_yb!Pu*<6m?T#;Vz@>p~C9zw(9L+^kori<ROgyq<FJ_^=N5RR+61VhkK`F!Bd9H
z_IOGIpQ35pAyuOqs9h>@)&+|@)cnO4+RzNpoGm%t)*_zbv;^)2O>~Y%e-tWQ8_h($
zd)@qvx!1efhHtd{jSHah4nC`Cz|uQ9=%N=(ip7mw3uM3Gj*G=c`UkM6We2YFFl`1a
znGh6|k3*MBSwII|)Ddex>_w~O2B&x<oivy<9G)qS_H3x|G(75SX+Q)?Oedd&zS*wQ
z6qU;@_1eKcO7kyeTVN@qKt79Sb)x_sE<kj1Z}lNx#eJPO>LTvx+@$r9;Bnd5p~Nd>
zKbvoBs;ZDL{-vo4n;99%vY0m`RRYl~#RG0ry`z<@K?l<H_zenNMsfHacL<#q?jg@Q
z18WwccCGa$hxTmsn?DFRNj0&gDANlq-pr3C?MJ1pLC!IaHKm*!xa99^nM;YDZpfxL
zsRhn$FgH{apddR^#H2vICwCyj+ICUWLn(&N6ez|6UpI9rCy>T8VwU1rHtV(M&a5(E
z<(7-kIwr_sis&BEWMqC{V<jkGX%P%@$6`~gUsQ(2ABu-?a-hMzv3(uyG`@)qgI#eC
z_ddZo@W08t_I9-B+C>{CC%8269xU4TA<xv>;dw#&DbtnB&J5M+O&9rRmz}g`AyD(r
z6t~`c8<#=ANc-t2UghsBCiSl8UVFxxX7iY%=Dfhx;GuOX|BoSa%yi3=r&|suzm+I%
z4=GX=qXjlguUkiJM(zk~2b-_4jtj0y(DPTx?P2}x&KIX*&situo)mM7K@MjE&^2K_
zD{>tn9;&)(j;NwzKFW;!@fjIZos{FKe+BJsw$9(pb9@yA&+r+&EyC;#zxgpl@b5eQ
zSi#%4eFuO^u}|By2gTcKs%oN|)atl01<a>ULOu<H91Z%^(ysl({A~kf5pPGAwmEp-
zf^PeCq4D%eEkEx<sOAFI*45u&(msH;1meDw|NXW)0d@CHnpu~9v{%|-uM2;>pL6?g
zjXVoG=bdx!sFU4J^CQ775z21Eu0A$-iil%cWr16GyW_&R?`Q2v-9Q;hrHodxX;;(!
z9b~#+M~s|aE1omgdOcVc*uFUVX2TluQ&d2NOOuK<g<ke3B<;s5{fM7}2FJ3QC<#>Y
zQ$~(4cX#ekAWNZ;Y(lZqOeUg`Po1RkQvL;3vgf-@sMf>N<V9uB?ZGzNxV=P;V(?#|
zIQ;wWd#1oehsH;b>8juXAFN#TeN~u;tRgR#UiZ3G>zVf#F@~h3l+veB@VXso0(fF5
zgvER6kqY$N9I;ZC#_-t;)tK<fuu6Rj_kOn=lJ3BEJ8<96SAUSbIvxcSk|x-7%RCZR
ztD;WhBjQbfpWJpKt%A}Lp^6NMl2rY$9V7B}c(}h+dP){{Js>GHal5N^&OWi<9<bFU
z!;9X^S$vP(cFR30`^ew&{-}Yadz?DpT+2F;g-m$@+G#qVBf0PP6!)~5ZuSytAgDo4
zU)0E5?%9D&_4}m`A$!{~FNmDO)P89maHOPkJFuodO6mGmx}yK{PQ3NLC?^OGmk@8}
zZXeQxq`stzJwNM=<0u$rFP^i&qjIcgj8V@W4%|tYsy0#mxYr?XEFamb+1kllVy})U
zk%0NX10H)oGw-ISxiTz&&c8<rklsZXheqFCMyE(PsLAeDDKZva%{nH~orNj6DGn`D
zrti$fuzr;_xlX+3soOpiYp`Xcy!*j)&8qOdqk4<MW~)x(_C?b>j7{&8&(R-((G(-}
z0Th&5hr0uy<O!dI-Nrt%ccjA~(t2AAgf+bL^!d@BUVo6G=LALAu{9cIzK}nUj9U{|
z)svl*!Do37H!?*v3RX{wN@N0FCSQAG_?`}QZXNrL_D3gO6f;Mq^(xbUF=aaVa0+>@
zt#nqRbRwqBUaPp3wxdiNF2IoO!O_yIrd};q8-B<lO~c8|jyha1dTNq%NZo#B8F4^P
zZ!4;mX)`|zN_9G(u<S1Rpq(k@6IDj(I9@mG#?>@go*z#kCjLf-srOWtou9U^;awl9
zV@fqGdu^S>EwD3kSsj;WV;WVrhv76!ku4AF=|W3!f_J9sy?D43rT7=nvH+j_KMyI5
z2q&E7!|Ouk(CU5U)@dVjh;{cBhv+2}1E8<d8MEi6#Tw~&KTt?*_#3;flSLtVCOGC+
z7A}eJZ!I$4^v9WuUkMKSEI$NTocU7=#d4jx_Zcfn6%~B|3np7_&r)102$bb(uOIQ^
z17oeSb5-u<4Qg#~34W>_7>i);$szu!crBAl@?b(MCH3B8ti%Fk`3wypMOJ+B;(Tc>
zPq&|dc-KvJsF;}0T=g1U>ihUtUS4e%glE1KAw7C;DJTBUJ=Kf%=r*1X0AhZBv-Z;)
z)9gY|g}KDuxrTg~ObF@Z$$%4`T(nC62GDpnKU8Wa99u%*vuXp1!54EakHX*1W<01n
zdooiJ`|~j21w-n4K~t6dZ^<Si)w)rs1>O#N10vjiO`KbF2_XJ%e@XwtYI?qig)=*b
z$NGvDJ+CGOyMtCcVyoKIH@_I``IV-0%;P&NWN}-rx_z$7QB-rxN|g~xEZteU4y{|%
zOPO_jDb}~2uN31OI{8I>>CJVgEAr4aF7X9#bkH|;aH_q+aotECaF^A^>gznEc&^@U
z(;dqgr|i-K5<~HUIW&0zUHr5{yw5@YoiM?-Q>h^Zu7yq;c*-t^_tC12peR}3w~K|d
zX4LLXfRc)?F>pF!Zvj7FZCO2*ld;|;zVd-b&3jCHkXR6hx@M6`mTR-EE^LrrW39J`
z#93gCGS=3YlS-DdIi6`*v`ext>2W&&<yxe+4bV~ghxu;U-dt|xJ#$QiDgj0&9A3Rp
z^lX`UxQ)1geqcmc3fFrYs%P#$SjZDl=l+6ra=?iw3mMz%GrhlFmgVzHNkxj+wSF^2
z-SF3x^AhOZeUv)f63t<{_&cyeIQrXOs?=ing-tLM&$^8%_Sau_Bn`eU`U3oEz;{1O
zPRoWX)dFUk4j*t=<fwqJ2QMbn_V#_bzBMOKILA;p)~5%FSVc+9%`NzkjpdejOU6e6
z7#iH#<&ORe+}95|z%FqsK2;J}vlz!b_pz@|GmuwxL=>-ALHrz3GCwS<LV@9aVmf`T
zPWaXa@*<v`yD&R#!VLU<e5ko&ogt5VSA9h%I(FIpLP;{X{rYXVW1&iqWf?^b!tPUQ
z?$qH^-Y-k-fXudU-QRM_Rd{md^%^w6!hXqSv8AkauJ+Q{xpW-`P&xg~$g~KY^W1KS
zsVdb+d6xybtAZzXEBdTpwNJ&`eBw6sgY`{}%5l@?C+`(VFPr`S#B;%t_WD{}#ve<v
zY?wZ&dh!SNI`ag0aIWtYvpqAB=9Vu%nw$V{TOYl%Fr3~u9D>!4#eJ8G9%I3;zTOa^
zntylu<s5J#!zyRHPO>#mfct3+lhb51efc@TJsQaSBAOkPfhqP$UJLUS#e;hlP?<7P
z^E8HUyZ8o&ng{-Zy%?!c^<f;S)&4`lkBx=3MQTnbP=LdPPc)2Wn3qCA+DQ>D0{hFq
zoBB{068^9m^H?5&wQvCx6xLE2Qe`<LX+O}UN-t}7r&(bXzQC^ODS`@x*Gh1=OuGkW
zbDKf1AGY;*c-Bt2>)93JYEvwBmMQiBk`>7=fCzxvenFYl-y(%pB9UHC_BiL{n|qeh
z;jE>Ikq4ND)%hT{u(GSme5>yJtUBW=G}Y7i(%e+3MAw(G=MDA*JcN-Hm`8^zwcEfb
z%X<B2HUy6yXGr2Rgs&o(vcrZP4s~ts6EwPEh^pN0Qb(@~Z65bv$#D8FplR_VbpjNm
zf)53=mcvv*GNCoD?p?1!a;OTqe7M~z>I7^yW*!`rVL7?WidTNPU|c3Q5rV2j6^jd&
z6;LR2Yq#p{C4FwCR!%tKuth;x8`b;2UtIiW^gj&zhk^ev@E->L!@&Q42L9w^e9K7z
zU$zB|rg<Dzm0J;J_4ePC-KmxT?h`;G_G@Wl4s<6ft<UVOGZ!^_HVtT^J`7H6T3CHz
z<99mXGB=N?cJ2=^_7%glJ_Pz;C45D6`Zt4^Up35(NSDUdf)L-hGaOQ~KiQYsFd+Qe
zg!%JJsl+AD%Hli#L$iM7Xd6Wq>^>|iY-j6?uV??-b*NB&h-z*4$DbV$M*YvyhUm0{
zAsecIm4+FM42-*>1UAQC>~0;*6&@tgN9@VFo^JanL)aqnx2Pohbrmzj>DSA@C7FJb
z>HNjg&dLr*ux>M)b~7o3cKL_mTCY>bRNsFljs)Ad2{%8pUQ``V`ZBdduHxxH<JKu<
z(UmR$+WQE3JT1zS;pX}F$%9xrPDNFo=R&G-f*B~RiwO)yPB?w?fU{(Sy6AXcdpY07
zEV5EQ!<V-Kpl@Vyb~Pp^u!G@vJl%Y@YbtKbC9b!38v%cO%yaJ<;Mb*D=wDHNRZN8)
zBl={d$zSE%FhKgT`(-WyP?<F;<8!l}2{PgUE0=)CG2fh3|IgmY35}pPFmbfH#rgm`
zCRUz`%$t_}if?Q+jmm;Jf0R}JA>6`E{Lh|M-p&0bJItQ5KS-K}Q37G{tG3sL%&?^+
z;#o-^Ix#SGrx{-qT2t>lD$IEOzVfpK4NJ$XRTd(ey&>_zt;P`iL{yRTUrpxr{&jT)
zk275w3tI7N4l+p5jtKiKjG4Y`G=3K{rzr8~Jvk<t&Mj`aE$Rs%dd`?)XYbtOV-?$_
z!AC;dJXE%N{ZdlqPjCj}Wu+QkAf&ltcbV*KW))Mq@Q>hm2RXxHI(yr>*OYR(*Fq4d
zjEJ`pAqw~Ojt-l?`e;cJBviw3P_fb9gWH(~(IMam5=wSwS5>5yn5${bw}oot1moNN
z8S9FG^Pi$rmkCj=Q>?`f;dHoKO^=ylqt7Oz-*%K=%U{NIO{#vInyro;=a>K{3ZI(M
zaCYok2I{@`3;!71T6!05Ac{@Q5?3a*9(R-Zi823!YmAmTQrdpxPcON1&rzNGF0=f(
zWsG;Mil^^M9sRcK^qu1;Uqa$uX*MYrP%7w4xhat~W1TxC%;vLr6>VVgmysytYkC0k
zZ}wFdhq(05KtL!V>+NQ@o5i9HkI<#qxne>yKrYRA`Jz|-?vt^<(1cxlI{D`%cGk?J
zg3Zj<dG(o_Ln@QB(dB6Pm+%rUw4P$M6+IoqT`FuvpP=_@Lj3_QI3s0?3cs(rlOc0&
z76($owh^wA=4QV}VFQ|%!<hs%_yeM<lCF7KL~Y-Du&+m)tBSDoFUHyG3~vWlZXbN~
zVXF5Pt=mw8>*L?GFZAqZ-f7==>h?gN@~0U|j41hMQ$tF(Tm`}5khC{>Z`O9K+SIhm
zJ0gVPNbX3Vi`}e{Ngecnbt(zw?r4r^I1FKSrZ}dj5co#$I<y+b)-apgzY{RFMGKn3
zex$bZct^rDKfrNsEo@ur_Szr}Tc2$c(oyB#)-^6xXh}$p5{m7PH!vo=pXqDNpAnIt
z99QK(h1h$eNdGJ-ckk1Fi;6q+a?Menh#tF!n<VePFsXQ47m^>v4?NFy_3H2HW5~|i
zq5z#*_P4BUlAXyfBwsq1zGR8NOk%sNinL!<)d1%2^^D^d0rpMx_f$f{sE>7Lm%^%h
z!mX&7Y2%ZQp8I8qZ}n*PH@S0#=vK9(hT(0g2Z!34sMFg1?P3LY)FFf1?xDON)$UAd
zbPm<RGuT2&yw}MKK=v|oRJ6QvY)|R)x{<Gx{OYIF>^$kr8JjCU6P}$Ohb8&+U(WeX
z!A;*vruQh%;Yvyy9fL;v2Zt(uzPJ6L-n<TYoMp<Mbequ)*us+ct~E<Ca6HxS0Avq;
zrGOE)fr_@i`em)#3`Q>f{NRxQJ1#pxJveH%TC!azsm_N_26X8_`W^FEKagZ!s^tam
z!AxN*^As#}0s}&NJC`X2ts95Fveg>Wz!QnJ2Xie+E6EPvQ{k`>dPGy_8R#%e=5$Xf
zN{mf{>CXkfC-!7E<x+txAZr#p+x;cyLjrB<1J0`V<zGq0e*ZXQoAG>Rj%VX8UMcqq
z`7Xa4R;{jNsjdg+cwA~l%MBZQ{sSHXyA-BY*)RF{>yS~~3yx@UWvvu9t7C5ewo2Zz
zUFId9)=uc3-IRK~7w?>RR9li)pKt1w0Zjgo|7X-JA$1@KIm-va4a!S5{>ouaKrMaH
zd42WC6UUc~YzrUj3VnIJ`WEtDYekF+(X;)eblAOHo|0(5>*9ULiv-qUU8lo0$irqe
z1Tg=|8KA!?dbabfQtFH(p{hVk9buOP5|q5O9ldxH53bB1ANUfBXZuZ%kDh2vSdtQ(
zxcrp;K4T80Kkqgs;81Q$lL>EhuA8uYT(iW!iDJ>4Cl|U>!FgqjI3SD;;ZyU8zNuU;
z8^O+FzZL9>ubHY`kC6-BY92Y*XXZ7+h%4!rfm)pV2WLt_32K7#wL2HdA!1{80nqBq
zB-5IVHl~K*m5f7&nQ{o-#)S-0$UQ^-fxUTh<Y?Qd(O1v%$8k<lv1?z*!S8U6G%|U#
z`?@ig7n5b=nRIfJ(Y#G98=F$jRuyf}s?GNJ$09i|U1@%>3qO~4qLtcXf4W`lUgsLk
z#`WcJ>P4z=Mr+{YEkr=hXZ@Mtv?#7X=wo|#{Fu3I@<qy*%?nn;Z^i_fb#-t|`7c$+
zcG{z2HHJq3uSaX@q;@R%<xz|*Jlg>wW+BV;S*Kr$T<SivL7NMaVj=XK*IYfvWBi<p
zxTjb{nUY+&hH^uh<`TtWMY)9~>{qNVT*U@IMDBEC@aib%D1;2C+o<X@7b7nJ9^3?D
zQqas?=ST}(co<uBW>(C3>Ic<s8Dcm~9s9mnFQ--t9`n<*Wrk{!im)!ka;&QE?l1%$
zPy=3zIuy_1|DLjd278m31<Z|CxBEfbc+9RtEh<KS0-j_Z*+w5+WUKd&ZI?Y%os4XQ
zf|e;U6Uox6CNgir>xvKf)Ze7d1}haC)av1&X6Cygg4zj};i#b0RHl<<+oM~yxLLW?
zvJvmVF)~P9xw4^A=vAgst_7YSwR@z6^XwN&wrXv+polr+q-_E@dGw1?izwtou!#V6
z!-8D-1DV@5)hCu;J!9Qf&@`wrY1g4C*s7=&>aH%)%NDkyI2H+Odc&)dA5*H4d|J=K
zlWv&m%^l|Qc%B(c=N6t>gis<6h`W8-6N?pz&;IKB^r{gYS@^6S64d3+U&*S=uTA@G
zNtb41kS}lpTkWR5uXSY3bY#GrLh2osH1s;;w&K)ByVIZIONdUe2f)k#?T@T|Tw9cV
z;`@>k)+n%T=1i&Y4F@<<;XZ^bc#>)AFaLTben)+_m;N%fc0ct#K`+yZBzDzLkv>&^
z)$YS?f|~_-EyK=rH_s3^tQK|fvO2@K+b`Cn6R4@nh=f)N6*%fKR>aKZoW}9+ybDzO
z8{$p)jjk+5W_?$Ol3iN5Rg<fS_#-^39WJ{%_BKx<T5yTp3|p(pfoe$N%a1Xd?fuB~
zI^^G0D$}lhEv%zeoGU17=g6u<v+Ut-)|GON`IQ$=`IUo`DDO1KjHw8)cG?CkdR$U1
zs0Z+-^bA<ypC1+F6a?y@v0k6PEVc0HQ80|}lnTu8-~ADTrjZ3kC-$y7)VVWUzwzN&
z;_3vR9+YeiR8&?N?CyRSg-kZOB*@omCT?|B)z4dO@dPR?*cM?&t=st9mq(5sV+1gs
zR{v8@eJxB_S;yA|tgPoHn(uown+cGfi^Cq<k^%uFIP)H^x|1wz^S_thhilnCX+;Hi
z@LjU90`yCvlZ0;zv?TS1Irl<F1PJ7h!aV@aR`w>Hr607Lu{Jmp3Ea~v9S6=7%LIIF
zY=M4yW}!xUqCMbtto5HG5MzZ-AIR?ATq&_+*4l?WXU|y68uGUJmH{7ON#p$EQ~o>H
zjm4M_`|_U0wDBf=%G=eXafzuCO&LyH0dUb^2h5IGSi^J%Ch%F3yh#}%w3`=y5la1$
zYS|_|(9C^*=W|<Ux+<v=19=jY5wc0+7O7R#DOQ<O{`lba+^ge&t!3}%f}3+*8wl5a
zy<^)T$#;TRoAQo_p+t#$D%W`aVdsbPwqaPf*kO2w*E62*m{-x-Qvus9O3j;H({Kr8
zQs%Tk&%3{m!XoIVs4))boI7brFRR3!LifaAp|vhL?a=w7m;pVDeN3c?%-xRYNBeLW
z>Y>8!@V)8k?WBj1Ln66LyG)@zE|VHYrkedJA$x|8A!MKZ5Dh6)=Rfs(mrL@ZE0u%+
zS0`eb_Y|t*!;nLVa4P0EI)d9MnIUVN=cWQKOU_84UK>@VWAs9cY6S9Ub$qt;@#|h*
zLZ|f8iZ%6N12)X54I)VKaH|RN*f`uJPA%+VL{%es={M(v7}eqL-#9&2ZkeK4vNqc!
z1iXTo@A}W;ax&dA#eBaLTZOV2DMc6$k5?jRr$@fjG&d<Q{V{2%b$fuh-_Fq(GC3C7
zSs!kn4Dx>(gn)f%jHzK}TDaAkqdF`vrlql<mhHv5#{In2V|%G5d0f=`)~T2Gs^=@<
z=O%?-7R5VP-xtY7rz%}`q{e<vKN3d&rqDxw6S?paI#ejb@jbQ5%c=wVd-j|<&sh`M
zcUWFEI8@Z1rL6)ci31xp1SZRwS~ufdFNsiRi-;+U$s*)BW!9fpucQ1*&&!pIGs$1n
zdC+%HZ!W#j3m(&Rp*l<bOYAS{1nZ73T;aP-Mzm{DmCHeSxt2S$6N7WXv0Nb1?+ey{
z+<!BsdfN0<3?}9>G?=))ae1(fuSx*@*=a11@by<qld@CVY20fzwQqhMC3+_kvPnp$
zrfTM)K2^WJl2bm5B1Y%%Ooq1`0CtME2kA|~i=qZQ(8_l9M1hPRu`__K!AOSMz%BBL
z-aD%@KnZl~?}k$OJ54Qxj6X9fCPA{a(jiG7$7b?|4U7;JF5WJ-PvV*DnIrA?eU+rP
z8mM_4C$m{gKKZgnnbqlEVBcAJc~;rBoBGdN@>veKShzyt#fq*+enr3kwYuNSy=Wq2
zXi=PcE;vo%p-OBK=zLc(aFU>Bqdz^?GIf1lDA44zwlxoXw5ej!05p*jQ5(*#rPwa~
ziq_5Ksc1vJG$Jn@sFR=*eeUb6>E_H@%SPSjGTo$fCFoZyX6sci;-da^f1w$WexR(s
z0uud#Duhb)wBJ#a0ZRElnu|_%3shiTk*4+%efdGBm=L<5FZI2S_U1CBV9qohC1t66
z%3xVPqsXN-p9TJrEz++2yIwK#i<xK>fY*oZK~Rllcca$*4*=s*=WjjSH-D~)(LOA<
zc-!TXlopf$s^>GYOKvN#Z_`6%)&0u;WIh7;Q32gML+@YL@avACO38NpD?B7kzFD?G
z%7)0)FH)AtA*01-O9VNkpvJ<=?lsf2&NZXrbw3(alYUZO{d&9V0+*qttP02mw5jdu
z!4ajNu+C$~y8-WhVa#zTyBEW?E~?Q0SbXU832-`~3xYR|JjHdoLtLyLshW`^-XHlI
z^<l*qn<-PqV!DsYWGHLJlmpXqEm9fG5HR!Y!d>@sGa9I~;FV|Bv{{Xv9)Iiaw2<fC
z(wY?3afKI?qTZ7U9CKf+7J5orEMsM-cXBxDsY9oY-3~2%RW^o7c8AJ$2!hdpO%++`
zMM{Re>M2e497lF`lpT9Y%GzBni=Khov?>A_+cL|Y!+l+TPd7iapGl^d<@p?ZWhiJk
z9KW&ZD4^exR6Pe#-wIPU%mf(v8R|Cz!4v1XH9dX|V5rkVsf&GM+RknmI(8G6^MWfX
zl6jEdju^o+1(>4&OdI)G1sEDb5}M;J=AODtnu9a{27>+B!oWl2sLzA>`P%&a$fg~T
zz002N5V&L;`Fiwp+Vsq=JtD^_L33vGnZSvQL~(*ZUXJ!)JwI@JUOcpHtDq9QzA%rh
z-h#S6K2C%^ESP=W^MK*ZU^0Aiq43`1U;$YFJUXU1lV>DWb2^0Da5C;ROFC&=I_<cm
zEdy<Rv5Y8W1eMeb46B{YGp&|{kRYx~0{1JRf<0!_XZx&%exZ-TjetW+Vp2a*o8d7(
zPi)(shC|3Gwc|ylfxrFY3*OdCK(J<h{4odhLGWcMV9cLW-OUr=TOgESy>5~B=zMLf
z5d%`!3)tU!)))Q=0bL;Bflm1(L?OS!zRmIMdDEA-akyywZ2es~aQ$9Xvt$$D*&gbP
z-j!S^GC^Zx%XL^9H4EK_I!-Gvk<oaZuZlO-@0;v>iS6~CxWV)$dyc-r&gpsSL}z&+
zEq?r~M^?<Uw^L)}px1Gq2<<3x0DX~zl8)b*z6p;$__+RX|DK>b^r)ryTAp^tG+jMq
zQOuV9sP#FOiaq3=fYI9hk0&yc5ExTK$I-B31a_=<aCrC?C3Fe{Zl(o1eK$Uv@-xV;
zBk8uSyHiLw!;~;p`B*u|kJoV}ha+KVQE&neAzA2l@X%PnE1G=pCdTA)TbwG4>X!CJ
zok){6@b%#y53aARJ{iSQqhX~Y*$xhNCWRrnxrkcSUcN)W2H_V?4Iwg^ZC`M?l>$=Y
RduIXG1Kw}doVrEye*nS1L^}Wg

literal 0
HcmV?d00001

diff --git a/public/bg/eat_top_bg.webp b/public/bg/eat_top_bg.webp
new file mode 100644
index 0000000000000000000000000000000000000000..c6d1905290e859485e570dfc367ef69b339a98c6
GIT binary patch
literal 3702
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
b-jM6-)0!Dmhv4S(A*A_vF|E(5Q407Sg3*%a

literal 0
HcmV?d00001

diff --git a/src/widgets/eat/Middle.tsx b/src/widgets/eat/Middle.tsx
new file mode 100644
index 0000000..71ff2ce
--- /dev/null
+++ b/src/widgets/eat/Middle.tsx
@@ -0,0 +1,143 @@
+import clsx from 'clsx'
+import dayjs from 'dayjs'
+import { defineComponent, ref } from 'vue'
+
+export default defineComponent(() => {
+  const list = [
+    '猪脚饭',
+    '汉堡薯条',
+    '麻辣烫',
+    '烧腊饭',
+    '黄焖鸡米饭',
+    '煲仔饭 ',
+    '酸辣粉',
+    '肠粉',
+    '沙县小吃',
+    '热干面',
+    '重庆小面 ',
+    '兰州拉面',
+    '凉皮',
+    '生煎',
+    '锅贴',
+    '炒饭',
+    '冒菜',
+    '鸭血粉丝汤',
+    '胡辣汤',
+    '砂锅粥',
+    '螺蛳粉',
+    '水饺',
+    '茶餐厅',
+    '馄饨抄手',
+    '披萨',
+    '桂林米粉',
+    '川菜',
+    '湘菜',
+    '粤菜',
+    '日本料理',
+    '韩国料理',
+    '焗饭',
+    '泡面',
+    '麻辣香锅',
+    '沙拉轻食',
+    '馄饨',
+    '拉面',
+    '烩面',
+    '热干面',
+    '刀削面',
+    '油泼面',
+    '炸酱面',
+    '炒面',
+    '米线',
+    '酸辣粉',
+    '土豆粉',
+    '螺狮粉',
+    '凉皮儿',
+    '麻辣烫',
+    '肉夹馍',
+    '羊肉汤',
+    '炒饭',
+    '盖浇饭',
+    '卤肉饭',
+    '烤肉饭',
+    '黄焖鸡米饭',
+    '驴肉火烧',
+    '川菜',
+    '麻辣香锅',
+    '火锅',
+    '酸菜鱼',
+    '烤串',
+    '披萨',
+    '烤鸭',
+    '汉堡',
+    '炸鸡',
+    '寿司',
+    '蟹黄包',
+    '煎饼果子',
+    '生煎',
+    '炒年糕'
+  ]
+  const text = ref('')
+  return () => (
+    <div
+      class="w-full h-full  flex flex-col px-[14px]  pt-[23px]"
+      style={{
+        backgroundImage: `url('/bg/eat_bg@2x.webp')`,
+        backgroundSize: '100% 100%'
+      }}
+      onClick={() => {
+        text.value = ''
+      }}
+    >
+      <div class={'w-full  flex justify-center'}>
+        <img src="/bg/eat_top_bg.webp" alt="eat_bg"></img>
+      </div>
+      <div class={'flex flex-col w-full justify-center items-center'}>
+        <div
+          class={clsx(
+            'w-[130px] duration-150  bg-white relative',
+            text.value ? 'h-[120px]' : 'h-[17px]'
+          )}
+        >
+          <button
+            class={
+              'w-[48px] h-[19px] text-[12px]  rounded left-1/2 bottom-[-10px] absolute -translate-x-1/2 rounded-br-[6px] rounded-bl-[6px] text-white'
+            }
+            style={{
+              background: 'linear-gradient(180deg,#ffa061 0%,#ffb62f 100%)',
+              boxShadow: 'inset 0 0 2px #ff640080'
+            }}
+            onClick={(e) => {
+              e.stopPropagation()
+              const index = Math.floor(Math.random() * list.length)
+              if (text.value) {
+                text.value = ''
+                setTimeout(() => {
+                  text.value = list[index]
+                }, 400)
+              }else {
+                text.value = list[index]
+
+              }
+            }}
+          >
+            {text.value ? '换' : '开始'}
+          </button>
+          <span
+            class={
+              'text-[12px] text-[#333] absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2'
+            }
+          >
+            {text.value}
+          </span>
+        </div>
+        {!text.value && (
+          <>
+            <span class={'text-[24px] mt-[24px] text-[#333]'}>今天吃什么</span>
+            <span class={'mb-[2px] text-[12px] text-[#666]'}>{dayjs().format('MM.DD')}</span>
+            <span class="text-[12px] text-[#999]">{dayjs().format('ddd')}</span>
+          </>
+        )}
+      </div>
+    </div>
+  )
+})
diff --git a/src/widgets/eat/Modal.tsx b/src/widgets/eat/Modal.tsx
new file mode 100644
index 0000000..9890740
--- /dev/null
+++ b/src/widgets/eat/Modal.tsx
@@ -0,0 +1,12 @@
+import { defineComponent } from 'vue'
+
+export default defineComponent(() => {
+  return () => (
+    <div
+      class="w-full h-full bg-red-50 flex "
+      style={{
+        background: 'linear-gradient(180deg,#dcefff 0%,#e7ecff 100%)'
+      }}
+    ></div>
+  )
+})
diff --git a/src/widgets/eat/index.ts b/src/widgets/eat/index.ts
new file mode 100644
index 0000000..c8ca18d
--- /dev/null
+++ b/src/widgets/eat/index.ts
@@ -0,0 +1,20 @@
+import asyncLoader from '@/utils/asyncLoader'
+import type { Widget } from '..'
+
+export default {
+  name: 'todayEat',
+  label: '今天吃什么',
+  description: '今天吃什么呢？',
+  icon: '/icons/today_eat.png',
+  modal: null,
+  list: [
+
+    {
+      w: 2,
+      h: 2,
+      label: '中',
+      component: asyncLoader(() => import('./Middle'))
+    },
+
+  ]
+} as Widget
diff --git a/src/widgets/index.ts b/src/widgets/index.ts
index 5b8c45c..7a008ca 100644
--- a/src/widgets/index.ts
+++ b/src/widgets/index.ts
@@ -3,6 +3,7 @@ import calendar from './calendar'
 import weather from './weather'
 import weApply from './weApply'
 import gameNews from './gameNews'
+import eat from './eat'
 export interface Widget {
   name: string // 小组件类型唯一标识
   label: string // 小组件名称
@@ -17,4 +18,4 @@ export interface Widget {
   }[] // 不同尺寸小组件块
 }
 
-export default [calendar, weather, weApply, gameNews] as Widget[]
+export default [calendar, weather, weApply, gameNews, eat] as Widget[]
diff --git a/src/widgets/video/Large.tsx b/src/widgets/video/Large.tsx
index 118526b..b83de91 100644
--- a/src/widgets/video/Large.tsx
+++ b/src/widgets/video/Large.tsx
@@ -1,172 +1,9 @@
-import { defineComponent, ref, watch, type VNodeRef } from 'vue'
-import { useWeApplyStore } from './useWeApplyStore'
-import { addIcons, OhVueIcon } from 'oh-vue-icons'
-import { HiChevronDown } from 'oh-vue-icons/icons'
-import clsx from 'clsx'
-addIcons(HiChevronDown)
+import { defineComponent } from 'vue'
+
 export default defineComponent(() => {
-  const store = useWeApplyStore()
-  const gameRef = ref<VNodeRef | null>(null)
-  const isGameBottom = ref(false)
-  const isWorkBottom = ref(false)
-  const workRef = ref<VNodeRef | null>(null)
-  const computIsBottom = (ref: any) => {
-    if (ref) {
-      const { scrollTop, clientHeight, scrollHeight } = ref
-      return scrollTop + clientHeight >= scrollHeight
-    }
-  }
-  const handleGameScroll = () => {
-    const isAtBottom = computIsBottom(gameRef.value)
-    console.log(isAtBottom ? '已滚动到底部！' : '未滚动到底部。')
-    if (isAtBottom) {
-      isGameBottom.value = true
-    } else {
-      isGameBottom.value = false
-    }
-  }
-  const handleWorkScroll = () => {
-    const isAtBottom = computIsBottom(workRef.value)
-    console.log(isAtBottom ? '已滚动到底部！' : '未滚动到底部。')
-    if (isAtBottom) {
-      isWorkBottom.value = true
-    } else {
-      isWorkBottom.value = false
-    }
-  }
-  watch(gameRef, (val, _, onCleanup) => {
-    console.log(val)
-    if (!val) return
-    val.addEventListener('scroll', handleGameScroll)
-    // if (val + gameRef.value.clientHeight >= gameRef.value.scrollHeight) {
-    //   isGameBottom.value = true
-    // } else {
-    //   isGameBottom.value = false
-    // }
-    onCleanup(() => {
-      val.removeEventListener('scroll', handleGameScroll)
-    })
-  })
-  watch(workRef, (val, _, onCleanup) => {
-    console.log(val)
-    if (!val) return
-
-    val.addEventListener('scroll', handleWorkScroll)
-    // if (val + gameRef.value.clientHeight >= gameRef.value.scrollHeight) {
-    //   isGameBottom.value = true
-    // } else {
-    //   isGameBottom.value = false
-    // }
-    onCleanup(() => {
-      val.removeEventListener('scroll', handleWorkScroll)
-    })
-  })
   return () => (
-    <div
-      class={'w-full h-full flex p-2 justify-between'}
-      style={{
-        background: 'rgba(23,33,45,.6)'
-      }}
-    >
-      <div
-        class={'w-[49.5%] h-full rounded-xl p-2 relative overflow-hidden'}
-        style={{
-          background: 'rgba(23,33,46,.8)'
-        }}
-      >
-        {!isGameBottom.value && (
-          <div
-            class={
-              'w-full absolute bottom-0 left-0 flex justify-center bg-[#17212e] h-[20px] items-center'
-            }
-            onClick={(e) => {
-              e.stopPropagation()
-              e.preventDefault()
-              if (gameRef.value) {
-                gameRef.value.scrollTop += 40
-              }
-            }}
-          >
-            <OhVueIcon name={HiChevronDown.name} fill="#ddd"></OhVueIcon>
-          </div>
-        )}
-
-        <div
-          ref={gameRef}
-          class={clsx('w-full h-full flex flex-col overflow-y-scroll gap-y-2 scrollbar-hide ')}
-          onWheel={() => {
-            console.log('wheel')
-          }}
-        >
-          {store.state.list
-            .filter((val) => val.type === 'game')
-            .map((item) => (
-              <div class={'flex gap-x-2 items-center'}>
-                <img src={item.icon} alt="game icon" class={'w-[37px] h-[37px] rounded'}></img>
-                <div class={'flex-1 flex flex-col overflow-hidden'}>
-                  <span class={'text-white text-[14px]'}>{item.name}</span>
-                  <span
-                    class={
-                      'text-[#fff9]  text-[12px] whitespace-nowrap text-ellipsis overflow-hidden'
-                    }
-                  >
-                    {item.des}
-                  </span>
-                </div>
-              </div>
-            ))}
-        </div>
-      </div>
-      <div
-        class={'w-[49.5%] h-full rounded-xl p-2 relative overflow-hidden'}
-        style={{
-          background: 'rgba(23,33,46,.8)'
-        }}
-      >
-        {!isWorkBottom.value && (
-          <div
-            class={
-              'w-full absolute bottom-0 left-0 flex justify-center bg-[#17212e] h-[20px] items-center'
-            }
-            onClick={(e) => {
-              e.stopPropagation()
-              e.preventDefault()
-              if (workRef.value) {
-                workRef.value.scrollTop += 20
-              }
-            }}
-          >
-            <OhVueIcon name={HiChevronDown.name} fill="#ddd"></OhVueIcon>
-          </div>
-        )}
-
-        <div
-          ref={workRef}
-          class={clsx('w-full h-full flex flex-col overflow-y-scroll gap-y-2 scrollbar-hide ')}
-          onWheel={() => {
-            console.log('wheel')
-            handleWorkScroll()
-          }}
-        >
-          {store.state.list
-            .filter((val) => val.type === 'work')
-            .map((item) => (
-              <div class={'flex gap-x-2 items-center'}>
-                <img src={item.icon} alt="game icon" class={'w-[37px] h-[37px] rounded'}></img>
-                <div class={'flex-1 flex flex-col overflow-hidden'}>
-                  <span class={'text-white text-[14px]'}>{item.name}</span>
-                  <span
-                    class={
-                      'text-[#fff9]  text-[12px] whitespace-nowrap text-ellipsis overflow-hidden'
-                    }
-                  >
-                    {item.des}
-                  </span>
-                </div>
-              </div>
-            ))}
-        </div>
-      </div>
+    <div class="w-full h-full bg-[#ecfbff] flex flex-col">
+      large
     </div>
   )
 })
diff --git a/src/widgets/video/Middle.tsx b/src/widgets/video/Middle.tsx
new file mode 100644
index 0000000..53edc23
--- /dev/null
+++ b/src/widgets/video/Middle.tsx
@@ -0,0 +1,10 @@
+import { defineComponent } from 'vue'
+
+export default defineComponent(() => {
+
+  return () => (
+    <div class="w-full h-full bg-[#ecfbff] flex flex-col">
+      middle
+    </div>
+  )
+})
diff --git a/src/widgets/video/Modal.tsx b/src/widgets/video/Modal.tsx
new file mode 100644
index 0000000..9890740
--- /dev/null
+++ b/src/widgets/video/Modal.tsx
@@ -0,0 +1,12 @@
+import { defineComponent } from 'vue'
+
+export default defineComponent(() => {
+  return () => (
+    <div
+      class="w-full h-full bg-red-50 flex "
+      style={{
+        background: 'linear-gradient(180deg,#dcefff 0%,#e7ecff 100%)'
+      }}
+    ></div>
+  )
+})
diff --git a/src/widgets/video/Small.tsx b/src/widgets/video/Small.tsx
new file mode 100644
index 0000000..bf0a763
--- /dev/null
+++ b/src/widgets/video/Small.tsx
@@ -0,0 +1,14 @@
+import { defineComponent } from 'vue'
+
+export default defineComponent(() => {
+  return () => (
+    <div
+      class="w-full h-full items-center pl-3 gap-x-2 flex py-3 text-white"
+      style={{
+        background: 'linear-gradient(135deg,#5996ff 0%,#4862ff 100%)'
+      }}
+    >
+    
+    </div>
+  )
+})
diff --git a/src/widgets/video/index.ts b/src/widgets/video/index.ts
index 372edf2..46a5db7 100644
--- a/src/widgets/video/index.ts
+++ b/src/widgets/video/index.ts
@@ -2,12 +2,24 @@ import asyncLoader from '@/utils/asyncLoader'
 import type { Widget } from '..'
 
 export default {
-  name: 'video',
-  label: '视频',
-  description: '热门视频',
-  icon: '/icons/recommendedIcon.png',
-  modal: null,
+  name: 'gameNews',
+  label: '游戏资讯',
+  description: '游戏资讯',
+  icon: '/icons/game_news_icon.png',
+  modal: asyncLoader(() => import('./Modal')),
   list: [
+    {
+      w: 2,
+      h: 1,
+      label: '小',
+      component: asyncLoader(() => import('./Small'))
+    },
+    {
+      w: 2,
+      h: 2,
+      label: '中',
+      component: asyncLoader(() => import('./Middle'))
+    },
     {
       w: 4,
       h: 2,
diff --git a/src/widgets/video/useWeApplyStore.ts b/src/widgets/video/useWeApplyStore.ts
deleted file mode 100644
index 805c66b..0000000
--- a/src/widgets/video/useWeApplyStore.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import request from "@/utils/request"
-import { defineStore } from "pinia"
-import { reactive } from "vue"
-type WeApplyType = {
-    id: string;
-    name: string;
-    url: string;
-    icon: string;
-    des: string;
-    type: string;
-}
-export const useWeApplyStore = defineStore('weApply', () => {
-    const state = reactive({
-        list: [] as WeApplyType[]
-    })
-    const getWeApplyList = async () => {
-        return request<WeApplyType[]>('GET', '/api/app/weApplys').then(res => {
-            return res
-        })
-    }
-    const getList = async () => {
-        state.list = await getWeApplyList()
-    }
-    getList()
-    return {
-        state,
-        getList
-    }
-})
\ No newline at end of file