From bf3b37e81794e0c482b0e70c135c4fefb0111dca Mon Sep 17 00:00:00 2001 From: laihanbin <512412344@qq.com> Date: Fri, 19 Jan 2024 15:01:47 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20ui=E6=9B=B4=E6=96=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Chinese-chess/src/assets/imgs/btn1.png | Bin 0 -> 12345 bytes .../Chinese-chess/src/assets/imgs/btn2.png | Bin 0 -> 5767 bytes .../src/components/ModeSelector.vue | 19 +++- .../src/pages/OnlineGame/GameLobby.vue | 87 +++++++++++++++--- .../src/pages/OnlineGame/GameMain.vue | 56 ++++++++++- 5 files changed, 146 insertions(+), 16 deletions(-) create mode 100644 packages/Chinese-chess/src/assets/imgs/btn1.png create mode 100644 packages/Chinese-chess/src/assets/imgs/btn2.png diff --git a/packages/Chinese-chess/src/assets/imgs/btn1.png b/packages/Chinese-chess/src/assets/imgs/btn1.png new file mode 100644 index 0000000000000000000000000000000000000000..8684220d513d854fbb3dbf6935eb725f23444102 GIT binary patch literal 12345 zcmV-9Fvib`P) z+mBsmn%2Ly&*!SzwX0kQ+hseBlk{QIlVlngx?2McEsbV4Ng(c!5ZoZd-@y$RTyeo2 zcLc&S*$ z5JD=1P!1uih7cy7uzwUnSPvo8LI_zM_i0-`gzy6$R|z4kY5$b|&V0hy(ogYTqo;VT zi|skvzNsE!5kj~gLU=WVaHQW?LJ0f%F20pQ2$w<#e?5e7HH2^?xIM*wNhxhgirxqz zd^d#f=VU0C$M0&tH$n&-A%vzBEYkTh`tF9#*?r7-o^(rm!Q&sb<#i7;jXQG@dVF=; z*HMA5Ng`iK{FapHRVnDJ`usp1G6~^a{{CSIVM_|JRM7JfLOXWd8~W}Q zdEHJ3;dLqRRNg!2x>b#FS6(_NG)n<0du1p9SeCof@N3ihw0%w;Lt zo4R%t-h8V6m*@DllwqOk?&&=L_7Tq{()Cjsw~g1!GCY40LO6`=pOx`i&d-X_h>g+} z&EdJ`_J+=#&^eEE%yPVS{Xc+**W}4I zLkK^X(yU1VSEXDN31TEg`;HWQORq(tn1hvjk_kf>S+FqWcd8-^)tG*@9SdwjN9|Bz!eEx zSpwA7nAhc%u1Mj&1K4;=e-ETgS0$M1fUwu~_r8=NAptDOgAVmsQUZNh-aQ8xJ(3X5 zr0_{yDFs);aPLev@ihDVQPYO^v;)YhRO5+LCgXG|s&K&&U|O zrm?>(WA|4zKYbZ4v+#zk`gQSlhp zG?owb*>ZkA(({<>K9hpdbNzgz=dvy1k<~d5wSQLQd7$gQp)sF)Me_GTY+rQ@yeR>> zs|V}UP6pO^RRWmNzQ2%#zp0q=sswBz;VnpbFH11$5~c+RsR`0GW|Y%9b`{Eh88Ko> zLRQuBk;b~E{~H>gQGh)y8RnwKk=Fg5=`$OVJV>E}_AA0*OocjjrEE(@`o6|G26}i6 zu=H5p|CSW0qVsO*{tDW6Maq+xaaolS8tFT81vQXrCgKJfXVCq&bnUACK9vEh=(v|* ztkyNgkqo6#!A;%YALts%PY9#FvD;Unz!8|zHzgz==)0-}^h83@L<(l1l+0YmUXmb| z_4gccCOt?-%6BS(s7RpO5{Pd}_~-i0Y^~!xv%uG(e0_Mug3eRdse1zq39 zrK5SdihIdxzof>nyykt)#SNWzrr&#-!-|N|*$3L^fehKj z24(s(H(OQ{JAXj}*40C^2W-Jx;mw(0Wxa@^2_LBpnJ5z>FfL@ z?K6;a*&BPjCfm+{dQQM9ujzUn5NH*Rw=0DYG9FXiS4wj@(e)iV*a&5C4@IB@v){{~ zj|Ht)b$mv1*wTLYV2JlMzPp+y&%^Y~72)S=`!W>xB?;9-3B{X$u@)x7r*%Cbd!5(y zpxfHFqVF1duz8S4_UuK(T~l~wL)j7H*siW));7{-S;T)hJgNUjm^-0Aq6&6Z|NLq#M~8-V<}zJ)p%pwV?x)d z=^FOzHQmDk#GAc%AD%f7M5Hv=!LQttb1pKt%QQVCN!D))1er=|Q=E*fG^jJ**=gcU9MEK$&}b zfPE-y3E_dgOau>6MJ3S``%b{jk5JID3Ib|P3fa`>WsNZn=GI=QA5-uI$g>34=Prsa z2KufF4`Z0#(X}&Dm{|-(oNE7?#$oSn*4*s(7?9ZpDx-UH_`zb4gzmMEd1D#wME9Nq zA?Wjaep5gk5$33^`)UGJe59Z23KcrYx4#d5V_%AFZ+$Fekw)nAwcfs{0wvi1g+dIZBx?v079eR(kpH$}abDG4x~2Il!iY_E z-nr1q0&u<$a?Xb2T<6)0jWY*tUIrR!gS@JsSi|VaDYq27{|t5A4WX9^bJ+qj=;el_;3L1jlge9$@KKPb|D20hlf#n@T z*eoC&q(UrQE|};*Soz*E{7jlslIu@~@Wa}a9hh(VqIwL+Zh-qL{ac^!XS_u%|=U2wi8W7GjJ;r#dr zG3j{>7UyBq&NVMK7!}Q37B%2OV=jTn3kYvI8rw2X{?C%1AIa^|HUvJ07|hD(m~sS2=X6j5>7*Hyz$JkZ$Rk_+f%d8Bdn;uE&@>f;&faE1DmHQp z7?}W1Igy9Wz(e&lmwiD;cS`kyaEvspfEyY|2cFXGvPrOj`8d<}4v88U#6SuComT#`r-$W9yrTzSMR{RC`wqaoy5N5b z$ZH{7)%m8#n>zj(YTpTB;gPP@h7z)NcU#|opnD}OE&vKAbUy{e&IuTh8OSC>&m;`R zu>@^RbLR5T6j$&oSXyl+Pf0Q+S7Ny1(hRyM3Ng%H;(Aw%Fw=@}pNYNqzmDLY_2%eCPxo(VqA>RRxs?Q<_6! ze*%b_)b~jUw(F9!fJj4mj&pt1$KQG6g2z%M$CsN(pA?{+Q^biA5KLPTQhSOdJe^tJ zGR{FZ*F;ku_ca6&Q_wZ?i0QWw%a;+0rvOXWP#Lu%VUO^PdYY#i!jQD~%^*#-3gT{{ z^A&(93b@~6jlF~C;_LJwKWU($6~yk&Ak@H%xX5Jz*-7er_k}>33JEHblZEo;Mg>ld z-BI5EEs%uEef}mY>t3ks^LXG_Rp?&S<^$l7Kp8<+|+| z43532S>+at(6Po_1uI^Pc}B;Wt01uqEqfSuU)R5)^EWgnmo?6g$i=n{k6~pKWSimm zy2f+}B5?%7VWsTAcsurW-aHTGGdy<8`%vGn={y4%D03#xbvxZO0BrA}2L1@4+PcPh zDEV?#*+Y%t9esD8Ie4MA&r*q%QYF;ux>+k@Ns}~(fVPm6w9pTA?8{(&XF5mF18`2y zb69DN;dgdd^fKg0AV=uOUmz_v>%tG7S zb`c-7B^)R4Km#fG7CMB=NCR0A5{NgQE;8b%!y9J+&kS)Vr~-4nGQGB$W5>0pI%XXq zKm{>u0ua$&$Hrp{W0!$vuIs)EQp_IGKij&GCSu$s3O@SqOpfz&h{ZjgkKsif-`ZoH zq9(njxjxXiOYovS-Fp#fr6df?G}cc&MZE5k(>hSf80gJuwHXYj7iw6d4>yZ6fI<#+ z{FaRWbs>%=()bM^#3SXD-AA3)JaRFF=YD%q54@brKQEzdN`UqdUzi*+v-+wg%yC~A zLVpf|qOb4V!Lll$JJdv*-Mxfzy98j~1aTfG-PKT2D8>v1tAI2|gciL7Qdt2h9bfkn zkVDYE0|z%dq`(m4h@?>&^dnjqSabIi3g4(D1Qm%a@TuMJe0RWvS#4BPtN2*$?NHQe)9ifIR|dlv>apawb# zq*H*=OMuw&{7(VHZE)uxAV)C54TMicdFhwb(e+of=Gm$mEIw(G!{=uEGzBh5A%6@Q z>YmpwnA0tJU9bM|Ybiq=53mW3v>)rQ9ig4jwY#>yW*(h3YRLN5klU;QM%$|=P=t{H zYwUu0r(8Oypt3TT;q6>JQ3eA#gNHCV=Jd}HUdXI(9t0B?g*!tH?+h_q2E|- z!;E)YpAGSw#UNdjr+U>3hdRelh6a@Lp#<5mIFIphp#g_9Gr)frs%!w^IXmFR57uB{ zMo4pIm2bW(c^HBG>cVKX;ay$O;_-}xTbtl9Z-K?4l9xadTy2Z zlN9*6mPOq`141Na$-z>-uAe!SHVZG*K&*4B33-4zV&_Ebu(F4-6&q_Hjo;=8E!8mU~*ar<55G5atM3kYQwN@TCtgvVU~mM);2F3vcC5$J;< zbp=%sf@v1l<%cY?$m_aw6viBYTd2dcwKPtrf!zHxixF^a+IO9IUxxQs$GG^z<(yp@ zgO(6X1M&8`6eNqV#Tj!lFO0}x?FdG;~x%Q0^S97+*gV^+Ed^O(jtmfIhN5dKgL z2mDmeeIn9s3AO)52;m6i(4PXkmA0p;J0N?Gpj=I(6if)d=B8 z77Fcxl18j%xs5r?;QuO!yeBbgz(Qo2>(L&(^dD=|BzwX!oq;@ zb-uomEv~>TSj6ors;9h0(h731zpV$^5ee`>ll(H)IobpXk%D47MdTueA{y~s2*SdH zfd~dy9K9z6NP;MFDuoqBT}}8QYIb|@(h0E6YY=9qu|^<#rhuA7*aW$*zBG#g~#rEKxdFPuQ20~ENT|J|#*4uUO*RL&L*VHaUd3(Woi@Y{^Bjavf{ z-|*G*&-JVfbt9k#^A}#l(wPV^QZU4EeT=<~@M8?vyPS^!o~I2;9bs4pq}~u?Ga9-i za;pU5bxn;Fmbrfnru#LKdhRFRjAdTF^zBg|_;)n0ggoV*guyF4R<+RFima9s?oFgy z3J{hBXM@O_XfQz(Q9AA5NV=LQtj9()S~ zn|oVJ5CATDlR@QB04#Mg!x}y-YJMG(7)@*dn%Q$@5HCB8l0u5cFgpcEmjDcH;2AqN zZm8*;tUHO)F=$#q4R#5rAPFOogyHGo{@gfGhOzWqP7s=~F(U#C9sqku2HNmAU)x09 z+WpOE8c!ca^c)^LK!JT8$MRLl|5X{4pXgZ~%81-W9(j3x|4`5NJ&?PWxi4i)VzSEe zo^NQ-8)(Ll0EynzXJ@ihV+nhJ)!Rkmz1dW+65&bogWrWxOhLS`hu2E=bN#Gq5?un> zj&&OakSaU4zU#NUdPpWGTb z6>==91oH!N0YS|Z`#=xh1z!+-88NaU%W^XRvI2Ko;9C&#sTA#1-T0XvD%-^z53o}t ziDhNly0I-l(ut)6#to^#2XC%~`;GekFpFGpejA~j|#>w!Hv97SK=#~a` zu7}r<5^RA)`3PQcg5_D)VO`lg-oeTeV-aJ0Sj`n!T&G(KfKw|HI#+{DHRcqAI0=Es zLO>E|mWbdvow^B#v6Jv-V-yLb5UXWD(pY(|U{OpNJ?}GkAJ!c&U=S@p?&z}dOCzS7 z0Rb3-CICZ!rG58M_ifTCAqZ%c;s%XO4Dz=09F2JDc#bweuFFm%J!5Fxl#Cfoc=5mz z!muHbgTu93Fyanlwvn}PF1w11f>U}22tnM%=K64ZeuqHpz&eGD*#ML!FW*+qIH_xH zXywd50>AO4HAPscej<1(z6nu_}Y@vqOKdxX}fE2Pa_mSHSXxdK$Hbwf} zmhCEH6vv?>#C#EAq%;(B5xc*D2f{_$M-b9gKzEaMrxL^)5}H#m%UkGgtwJdRh`S^_ zVFg~tYgR1~!}kC~2k@48l=yAxT&EEHDU{yhnIpz_3~EnfbTI~5)B_P#7us?aozaC0 zKjyeU8&T(k`D~l9WsYXLzjgE_TVcx}vbtEba1lcXdBmV*%h{yj(4YhIGo$g;vC0Tr z9%q2qgy1U}zq`F=3NtS2TK`eV@D=^8AQbt9p4-RIvQff0)*ot6zJXW4fUY5^H)JHC zWD9!-uy+nJrUhj;DYA*8hdyd}hx#r60tYB&0CY@1aP1{sn&)m5_l|m9B{vGJz;NUM z1?PzIIuQCIJk$aNjD>s(NNq?wgt42!8%4Me$J9MQ@FGHoIqu73O$OKZxiWyuZuoZ_ z-;O@JtNCyr^0uyb8&yke#!mrZlwoL`wsN1XWBhx_8aQp^oH5f|m-HM?QCVdpw2gEd z$)ihv#70M6mMB7)L2lu6=hy@Y(mCy!a>Ok-pMZB% zS#Fo%=D*TCFZJZVJ}rf|04yi&Zy^SG6V*OexII)T8PZG;&pec3Y+~hq6F+%a@-%Y0 zPW-O`Dkd@MO)T10*H}sP zf8NG1bTE$@r3h$&$imwM@IAzid)(HC=W$H;5TQvxspKqHcOH=P3FyqK>6|AhwLC{< zSrO;i1gCKy#8w~A*sFcIJoCXLD#mK4sSfBrA0h6pAaqKBt1#>>LXJJpuHHM;XI@Ov zDCk`@(p*QzpoTGf4X&b!ow6{jcVyIdFs|EJr`x&qe=a57$D1@ha|4A1VMFY*EzXYs zgFVT6cqvv3tL5i0DJ^)kb-+TWlnkf1^1=)$lqSe13N(ub{6;`};h<|hL@suQxGdhc z8;?n;9AkLX7M5*w95uoixh}H3Z4!pbDXb(6L^kGy=RgrToM(#SgB0d)0%)GYIR@Ye z0u*L|YqXHxe*oodf&-{x{Bz_xr)cqW2sMoDUxp!Y9GS*ETtV*F&)lz?F(+a~vx*$B z7oT_Cz4Pogz(#XVurg1)!KI=56F+zJ2x=J#clz>nNg zzW8mOccBopt@HeCRWCZd_)pXqu#eF4iE_&pq}On=o67TAkSwe%(d33XRx-EH9Y}!| z$ooz~(UI!O219>^boHL(0 zMkr86HC<8=+?8^db?iqP^Ch4}!)s?5jwDA9RE^cpf_aB%(s|OAFNwCiL{vde@olUQ zlZPCC>gEYein!Q_Er*&0WQe4sWemjR#RD{tPj#LiVCM*M+stSd*Jrz50+7~A;#`74 z_#8G2XD|R31lQIYhMhx5nQ~gdgIOpt_`HJe+1opYHFvJm<8f-t-9u)ROF#~uKN_uM$l9;no#Qh%g22k5l`OdL|2gAB#jPPoMyxT`C-IGTgWBy&z>iPNu z#joE{k;fd6J1GVHcOis-{Rzqz&r0+``2IS!?;w1J&AG!(L8~IxTZ#Zh-K+W%65L!Z z(d!AV$DpG<&=@yThM*=Ps0lEF_9$&AO&Xpq0rJa*8GZnhm`9%j7H0wT(=l?%4>}8v zJO-3?dWaQ7Hg=Aehw!d!+q1zju|xvSaM)101x7asA+$FdBYzoSkj&6`v6z4j1-<4R zAy5_`ZvghSh|Axwp)9xoKO4vS8FW3B0h5i2A{bfA_bnKxg^uUiX?_Kc*Is)= zb^qTJH}n(z|6?sNbtts3jBEd%7HC|@$|jbLy5_Biu{pGI>T`y$C5p|RH$S64t?DC@ zQ`W0cHZh?u<6-aVCMFt;SBZECuVw3R7~la_VJU4mvJmD8+QKGKtT8-n83dMzsUBh~ zdj{7CCxI5SF=h1R7_yIm1Sat2Mi@?EL{O?Z*2D4w18i(aLU9SvBN)FFl-{dZ`t6BU zj45LI7UnsRJbDRaqP<5BNM(*x71?0N?Hlq$4Wu`&0Xi=b3f)6Idk}kW3wYlyUP&{B zadHV|4^T9MadzgQ2j^h}Hi3ij{kgBZh8W!;mt$t0I2BmZq|)IMG+)JjLTP$xbC88psi|?Tj z$AHaqq**2)Qvx6?S!JinoIji)t+D_#T_FCoa1Mby*0IQ%7rFEMh)yARUSf!f?@*(S z^^pDMg%d0_6Jn51Jc^K z)a4{xoyXjF3y^yRC8N-$;JI2c6vldXx00H%-a@Uu>l=!wKAhmWyYmvwQs=&fs?oCe&35=;Sg z(tv_g+7uKppn1Fks5wUb>T|NI#f+pA_h%r_CV;+t)rmc+U&ldMJpw$dAZG8PP{7AD z5eF|&;NU|1IhNKjQE~vN>W-~44AMj0)2_yECF0s#bBrm(NS!LiJkdqOy|u{JSxtX|6doiI{-G6=0;;+GzM20oHr5zFipsdtBE7Sm8%d z=5raM6|m5|V6Hb1`fTg7W6AUkh@cGl3?SH2Kn`w)Z0Py^OrCtK7DTT^a~4CM@r~)k z&$Xpu2W{#BRImcW9%89oJyb7&;==Scto{H3JcFeUNYOlqEz({G(Qpok+=fC<5ibl7 zuRCrr8@&*$xv7V7FIJLAHhcgE*d>83@bJnQ6~w2P0lTJPsXfjStalFaikW8V2KldfViU~xp*&U&0%aD~g5`X1 z2ZqjQ#pqxF<28bDo#XlEaPAajz-gi=#tqnD6@j<{JXadt-tg4xK;Op-l&%Z#e3kLW zf9LtxC}NVxak0lw!p&*22=`os<8T(n28#9SzV`^Pw@qWbhZ^5GjQn-Ht*f1>SCJ4Pb2UJ>nP{3Hj`gs?II1w zkgk_4qf5nBk_@TIr43kK!>=Zk!l{vKv9!lJ2&XV-XAqb=oD%HCf*F;<$|uk36aeDzGiW2wu*`-`@rqFtmW2Rs=Jr528OoX^Vo@Jafcy=!(!{vlZ@XRxK zk~En5H7tQkVy1wijj{}<*OCf|5nB)>=i==VGYDH)Mdz@f1;d#`EJ`-k^J2w!V|@|c zDvPm~5JDJb?I6t)B-nn1N-b8mokqH;i06?)47|MW0zw}fZQqyU<-0&meodF=Z8i;%0bxoacN21NR&w64t@}AdO6LqL_BmKt z$D!sPBE*16c+UhngvvlVw{?64f;2_k8<5lW`1fLKSdH;q7r5pY!hsUJS{sEXEkI*; z9JO`6tKb6)Ku!rLwvBm9*Ku=$;qw57(yv=7pit=);UL!+?`f`F8(;?CYp>mglX|YU zM|t2N1u98s98Y>B2D6(#K;;j+cl^Ig((1^^c`c>)q0D(4>%{&M#xh5raY}-?uZQ$4 z31}Tw-*HABu-nA|7K%0?yFHdyRWvjoA?DBFejZ?vzp?&z{c~HE+T%-$=$OJ-tsurO zYF?Tuk}1J3x)`8_&MM#IC8U6+Sl?<_bK%lguWjW@wpVq|wiGjsp51_)X#s0zm17GG z*rV;BVcoI(1e}HE+4=4Wa$xyzje*Ix3AhJW)@8vKk3n|2`z(RwcRtcNcJS`yGCY4> z@bnFR_O|9MslTu2Iu5Z85&Arr+v5~?IpF`Pzi+BcEU!hd8!9F1OVK8HL%iXRbBF7I z$yo{W5Zxi`5;RZz1F)z8apWNg5WWfV5LP~b&?tbU$stE+g>|#Iy|D!)0fA3|oH8Wa zK8z&y`oEu~>W)bNVtu92frI)Bab`?&ln{*=3^>7iZXje~6+O zGw;V3&sgJV$e7&M|5p%>?O}cISG1pbib$(yIPQ1I^;~aHN>_gi?~EzRf(;>jEBZT& zSj8_Lb4=pW#0iL*9SM!&%X<)dr+yA&C4-R!cn!1oc@LphPKK0ZU3ij)fvEx&A>pK zQBHtNtRS}bK9})wbC;3kpfKIo^PgetLvRU3Th2T*z%jg|`(C2JT`BZk5Nj{ANBykZ z<6__^-P-UJ4Zut<#_spbrV*1GhPmpdt%tP*c*NGR5@4VotcBtpJevi*~|2O{wuCel7c8)y&jh1%5LD=4ugC*cso<2u8K?mE1_YjO>r4^a@|rhp2dqT&1mO64?^t9sJ# zS}tu&!eFqB(=S!)iOEeO7kNkbkWm)Ec~-w{?mD`d+^n&IdmF)!9D&#>#@?bafai1U z`Vy9mF&FSN7#-zo_@OF8fKNg7;_mVY)5CP2)TwFZ~HvSvsWj|^A zq8>QDEno$mt80OQJwxu8OW>FlJq5&b)k;9TXNcz(L@!h7G{l)6useGU_q?7`8!IVP z05feU>bTZEh#m_n*VS?d(k}sRlL{5;CC5RT{^#efJz67-oGRk>b7X;*GY|atC zT4Cb7#8&R}SQGzySlG_-@}ZQrEmTy;3Zrwa0p*m~zQ*}|lxD7@E_es4VH^V9_t7~2 zDCP6p8Imz_i7#?zE&0W!?P+`9_?DJ%xb&=s4w_!9DkdkvGTb!O_M&S?C`vHXnAJHR z!u$6Wr@CV4j{bf{La;BdX80ZNMkwg=^}*$Qchzq*(R7WD3vo*^y-lB$lz3wric*#CjtN5Tz@2m z>7gP2^USA9RM&wBjsbsmM^iBUHKCe2nvd&BAM!oE@shti)JN}P z9jRYyPOf2r!i()GZeNB1b4#Pjh|SDtEi8Wn3~dr`^PlOvBpS^f+n(SBSUVD+iWKX8 zECF+diXbbQ%R}8GdR;6gS zrO;m8qX}Z~93C&O#07)~+`fmL{{T7iPg^Z9f%jw$H0P(NqPp0g!S-b<@Z+{WqqM*u zf(5=LVR%OZR73H@4pKMwW6R4pPn!c<>%s-6m1cn4E?~%_;>&ROrqF>au`cU;E(P5| zY#pH(q=p!I4<&!=`ul0bajw~QKKVNOl>_eWvs^1enrZ;X_eqcatk=8Pz6M(gb-UbZ zU`*p%Q4JU0dP1Rk)aOsKMQChKVfh*xk0N4ro;!nUB%ZOMd{*awUX1(2_BGvH6MV5< fY~Rc+gz$d>?Ql=p8Rd~k00000NkvXXu0mjfbVF|A literal 0 HcmV?d00001 diff --git a/packages/Chinese-chess/src/assets/imgs/btn2.png b/packages/Chinese-chess/src/assets/imgs/btn2.png new file mode 100644 index 0000000000000000000000000000000000000000..3bbd32e9fc342d30e3e5e0a7320905ff0dcb14c6 GIT binary patch literal 5767 zcmV;27I^82P) z32x zwBH$xt<~;(Z~wpl?>_!zGPV(Mc=~A~@>UT^iHQ1s?-G$IB64_)f7gsK7709AL>7t2 zQV}T^k<-@SqY$@SM0!M|m-qCG$Vh>nxdacyMWhAJjKh)tCnArE$eI8P=fv&f9>vbV zic3ErBCAE@tcV;Dkt#UxaS_=jBEuP6Hxd%TqgRJ)GTtu!Ak@q5Aza%2h zipco@*QpngN<%cqL}U<2uu(*YL}WKoL5cA?BAV;-MVBDGaS-XS9EMPz20@6m-6coL!}Ab1px9flYY{+({{hZ&+xe43WUYw26Am>E#34SbHcf-|xhnMT zkcTu7^mKm)-(v{z{~k8%Um~_QKwKqhUPdaUGPr(LD1;RqWrsIFkWO}bpS9DY5T+gx z{4p%*O2ptB{Cf($*TZL~Soc$+`YL?q!@NHin8$q<^Nb0^b{i6^18G%}PeSKgL|?)p zBoLWrtiP+>-pnGXh5AiCQ-)4{6jx~kLurMGTq+`$p-)o~*$rw#`~+jDJ7gC}J@f4% z@?oTn;IBW9U7+lVXGG*?IQ~c21UW@MMRXZ{?IMgQo4A4%{c(s~i}fpT=<_Vd+u>@Z z<5nRS_4lxeJH+4g>oeFiTOhDn=w)2@)ifeJ9hBbw4$pZT#@BUxXMw|qup5+NI9o)% zfIW~ipvW%OTfipK{osU%>_8n{i9z%j`o4$F@hRN0&%)Vm zh$2lQi22JftX|?iHtMrcN4m!h<665T=Gr z;s*%`q89#(BJzDU$R7TGoNEm8dNX#wOCHx&lHdkHrRsU!LQ-R&h#Ylz{~-SK6Il8S z(9M;6rwGzx0QHj-6oVf;M?~&Ke|hOoFATEKr|^x-2xGnor$+dDANPnsTrEYaeYi&v z45oDu^dR?nElnUs5XVX~-H5GVLW%8v6Or%cBIH?U0yiO+ug~!FO4R=XLuMBQyj4Wr zCn8@VeE0?Q;5~5k@9@5dEd4hPy?!E%rLEU26Jn@9%AbnJeCu^3-M%U!U(ev0o+yT7 zLp8=#T?U_3oOC~;RdLq4v8zeSndjgO z-huwj)VQ)S1&g&^M7H9}+>7s7W87yiabu@kaz1mrJ;bhOA&E>xQ8NcH5HmtP2&@+N zkBA>X21orpB6EQQaZ|VsWf@AC0j{asnf16OV%t9(Ny7mX;-A<`h&PtL6Z(T*m53e zun5cj8p4p1aod8V8f_dU>(qdBiy(noxPE)kaB8lMtV;Y*EtVhUUVl#LPGbZo|6Ba7 ztm(gUNcn|{6bXxi#H4?ULE{9yz*iZ1d=CVEJ46<~M;}t^fe=b`)%U*-*Uf~IJYNf9 zC*+EQ7vh6HN%lr?VLrkl^%KHV!TC)XT_3{LnVO?#(ulwfm*R??!S8iK6Di6+;Q8nA znbn4SBV4lrU-oRkiV!CZU|d~ptw#&u`+#4aoGSuHaaVR2j{1Axf?0dp)7UD?)UY{NefQ z#c>tr&~+FZIzPGs!%CU{|H4D51^sLOmMcWrNIy4Rt|UYphBGUu32SzFhGs1Oa~Y_P znQZoc47w!ljNt% zo4e5)ry=aE0dl*ULJ{~uq{&XWwT^{u;<=Wjd5$uy=u9PDIcw9zhHAkAZuhXcqPBkS<9WJ}f(sq&iI)uBJZfEoaPT}t za|e1s5J4YA_X@l67!Q4-=`shR$!bQrBvnP0e#7df_l_kyN?puVIqTO-h3)j zaUp@DQKdscM6{hd6^xcj<98j+(RxPhw%^EuK{Zw}i8XX8A+~V@>;F<~y_KQ$k8F}r z$kzW{;1OC}ii@;-JWwKsX!GeZ4q?yOor{Am%=ad;4Rk~hGfv7s!VWFA7S&=ywc#VD z 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 void>() const modes = [ - { value: GameMode.OFFLINE, label: 'Offline' }, - { value: GameMode.ONLINE, label: 'Online' } + { value: GameMode.OFFLINE, label: '单机游戏' }, + { value: GameMode.ONLINE, label: '在线对战' } ] const handleChangeMode = (mode: GameMode): void => { @@ -44,10 +44,25 @@ const handleChangeMode = (mode: GameMode): void => { .modes { display: flex; + flex-direction: column; align-items: center; justify-content: center; gap: 16px; padding: 16px 0; + + .btn-mode { + width: 240px; + height: 64px; + padding-left: 0; + border: 0; + font-size: 24px; + box-shadow: unset; + background: url(@/assets/imgs/btn1.png) no-repeat center center / 100% 100%; + + &:hover { + color: var(--red); + } + } } } diff --git a/packages/Chinese-chess/src/pages/OnlineGame/GameLobby.vue b/packages/Chinese-chess/src/pages/OnlineGame/GameLobby.vue index 75f2f2a..c73a179 100644 --- a/packages/Chinese-chess/src/pages/OnlineGame/GameLobby.vue +++ b/packages/Chinese-chess/src/pages/OnlineGame/GameLobby.vue @@ -26,18 +26,24 @@ v-for="room of rooms" :key="room.id" class="room" + ref="roomsRef" + :data-id="room.id" @click="handleRoomJoin(room)" >

{{ room.name }} 房

({{ room.users.length }}/{{ room.limit }})
-
- {{ - room.status === GameStatus.Finished - ? '游戏结束' - : room.status === GameStatus.Playing - ? '游戏中' - : '空闲' - }} +
+ +
+
@@ -47,7 +53,7 @@