From 4ac1bef80ae24c879ae9ce4f9f5a9c369f50e5f7 Mon Sep 17 00:00:00 2001
From: rucky <scl22@qq.com>
Date: Tue, 2 Aug 2022 17:10:20 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=8A=BD=E5=A5=96ui?=
 =?UTF-8?q?=E5=8A=A8=E7=94=BB=E7=AD=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/img/p_1.png        | Bin 0 -> 4533 bytes
 src/assets/img/p_2.png        | Bin 0 -> 5017 bytes
 src/assets/img/p_3.png        | Bin 0 -> 5058 bytes
 src/assets/img/p_4.png        | Bin 0 -> 5167 bytes
 src/assets/img/p_5.png        | Bin 0 -> 5886 bytes
 src/components/Index.vue      | 817 +++++++++++++++++-----------------
 src/components/LuckyWheel.vue | 313 +++++++++----
 7 files changed, 628 insertions(+), 502 deletions(-)
 create mode 100644 src/assets/img/p_1.png
 create mode 100644 src/assets/img/p_2.png
 create mode 100644 src/assets/img/p_3.png
 create mode 100644 src/assets/img/p_4.png
 create mode 100644 src/assets/img/p_5.png

diff --git a/src/assets/img/p_1.png b/src/assets/img/p_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..ede058e3b6f1b98a070e1df0f27433582e22ac71
GIT binary patch
literal 4533
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
AasU7T

literal 0
HcmV?d00001

diff --git a/src/assets/img/p_2.png b/src/assets/img/p_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..8d4ac574d97096a0e74ec307229cd40008420d62
GIT binary patch
literal 5017
zcmb_gcTiJXw@;)C(u-6BNE6a1N$4F!q+C!4RUipPAb}7hbOaPDRS^V<6h#3E9RVqV
zNDG36B3(eL^dh3di}zmddw<;dX5O23X3p7rueE+_t-Z>g+2^{orRlMwB1ZuLz%jGa
zMmF^EA^mk@Wu|}c%Y|mr2Vs&inq*7xB!##WaR7ZR!2<^}^LO{c+2Gu<p@CgEEdYSw
zlFvCb32kv!14HnKxc`!Yko^PbXaGP<mmJ`Z@x_rq9yl)_ytdR@L$egf2dgb*uVw+W
z2r$HX`<xCV;%vh#&tbxRG3r<;T^*1XS%a>?A4hTrk^TMfK^kOjsXz5<(C5F%P$|%#
zA|zjJslS{;TUdh(2}B$S2~h@PU@#a6sSZ&?AaEWSH4jxKkTOhJ846Q_!qmYql!mgJ
zhMF4a??;MmkcjovurV_E+Z=tRE#*xj1!zE_At51<5ETf4=mmwVtE)p{%1~uxFkJ#1
z6pAOglfn2P>E9ZRa6uTNPXNh>fCv53=<Y!XCTUC2o&9SU{s9&i|0u=>{T(ZM)SzVd
z04N*+gZlgb+S;GeK_na8f4lLo(n04!18`6qTo56ch@q#%Q~EcU9=`u<=$9bf8x1R>
z4?QpLentdLus;q@GBeVaqH`cvAFKuvi@>O(RMf%BYN}W;2C1qF_Q0sCgRxkQCkBO8
zL&4ltf9v@-yt0v@3EUW|4AV!b!r{h7`Y@P23Z<s1j8IoGMj?!UW6khEBzHUp_uIA)
z-S*#D_<zJ|7!q;rBm(gqf#CPM5UjlkBtnokApoST0)c_#?S1fALP(IpuN?igWg{HX
z=MoNULL~Tu{tU8)&%Zc;a(7qp^uVFO?g%&>tg5Pt0;3Shs$fq9OidL5L*Z0CkWzo+
zvH#cLLFrCGe^tu=sGQ#<dO7}@{?iKd#Xrr2!_zy6NN<&GzrGd#fUC~TNdFvp<jVs#
zGQY84M{&Je*U2>6tgIwAh&#mzt$wbB-Pm4ws;iJPy%Tw=LgJNxpuNK@wJD&Iykh5#
z?y#2FqpXax*N(7Lt{pv&my9<ArNryWvZXy8341W)DLbwY1M=<uY+i$3Uwm4cv%eF*
z<9a^H`Apa8f=P3cNXC;#l8peVrx`)l0Vh*f^>~4&rFdd~5v2fTbRwNcC(?Oz;x8V+
z?0*N?AOHL?X)60h{vz=3SQF2=hdePtouFm!L;#hO;R_cmP~tnoPuBBuM(k}-z=*ru
zr|#TUQ0$oe>2>@W$&Y=6lkK@3`A|W1GPG&p&<UU>7SD=<sCu=iou7`$Hrkq=%I>-R
zwww!(3-p%w;>4OGI;HrBT}g?x1J5qCBE89nY{4^Zr`mKClf_G|<R1mM+VkPf06C&u
z3=F)*N`E-;9*A9^xGd=hlh;+$yk!>;8vNRl5lM89c9b`_9psR_^{Ux?J3?ld64||Z
zN4%x!?of=iVUkdO$<vCtVNWT8<2U@%XTB%N_n2zln)m7F))0}5klg#!7E@(6$jl<k
znfqY_rQ5oz!nqB>HQW_vOlnjAI$&Q|a7V*{IiSjRP~V}xLU!R8kl$qve;u|jgJZgB
zg=$Spt;IBp4_}}x-D^RpH$ge6<&70L?>+)0^B^S30My{(3g;hnjHT7NQNoS+DKCX?
z<Zx=8HLbEk^+V>s!QId5AepstwByGWn6|!KZDeHRznB*&b|8^ZHEC34M$q;ULxf0c
zKmYe2h1Mg@4YNyPNf}=Q`A2IMN?to@mYoi{Fj3tB(OFMKhIYJ3fGd4J(i+O|x-8RO
zpKHHU7MstrxxB+e9Jl|2*ycC{1)GHac+vBy13h1wRn-&Lhr4b88l%`m`jrJ4Ok6ua
z9@7Zp1FUkP`lon!GloQEJuPphvCok$!^<0~y`Q<b#QV~+O3yb-*Z|Up7-9f+6%~+f
zh^h7c%GTJ^hvt19qcL7oL4Voh_g>n?`{ypNwDzVJl@wMqb!%Kk@(1ZArk`jQ?X?se
zvKn=DZVikY9d{V<k2`!8r6~eH0QW?hKFLb3<Rw)|aBt2cFND8(E|eM-tanzut>>Fz
zo5TRVE?AN*rZPJqxou$6FZi7i@VMtk<Xfq&a@mrCg)d7b^_W~t*L^40kJk_78ciGs
z>rvCaX4i=?zdWfFnQ~f<&<p>usE!i%NzTM#QaI!>E!iE4_DbwLecGAC*Xx(Nd$KoI
zx@_;t`Pk>{e03^>y<K?vj>BqU$K(cFdZtgL=~SLQ(^+Kpa7{`;=Ze#~7dz$ctPsWP
zdT8a0C{ZE5{InZ0Tjqr21|{h^8Al3RIZ!UB8f<=0bS;^EUdL7l@YY-%ZsvV8NGFLL
z62_sKEaVYvtVOBAn5>(Jam)_k#@ZYoM?ch>=vqqYpA5lLAE2eb2fGvbWOc(P{YO0`
zrg!$=1^eF_e{@WALx9E*m#DBM+ht7gv=(&MmEdmel$^;A39rC;4+jHm`(xtc6W<EW
zMO@1a<br>Xlbh8fY?oDC+MCkbn0}&4J09(8!=GsON5zIC`nb$|Ut$#yS1Gl7rejQ|
z-3EeSpWA9L2{GwR@;pdmYc_p}eDydo5k{;#Fkg07mLet}y!^3N#u1$A#W7Y;ea4(S
zGpUMQV-@|<VrdfD#V{zY$J#6hy7~F%A&N4ITEFz!n3Iu%D8w|WSyD92-XZ>ewcbnn
z#O@cJQRWc;HK&e(&MQG`F)#xq2e)G>_nRoX2lK#g!z=RCOm6Gu;t#8l>t#*k9l*dE
z5HYmWw(pur8=tPaOh`EBs(8R!S+~hsRIz9?Sc1d#mq#^c83g<^V9hPI7Ty1FbfVY_
z$$DYR{R2pdMeJ*jO?Enb;o;HfL2R4TeaDUko<uz$*)ntM3KRcCW#8!15AHlo%;PcO
za+t#21oyyNs^eo(858mMYqhf6@bW07x2o_{Kw!I1PPPrtkEd*>j3{y69s=*|w)R*@
zh<nUDFhK7(`mquwKYFoYf)#<NGJn>(Ps9s3=Dk0aD1`_mzNy884mczGjTvk11Oax8
zfKl+HF<R$9ar~sPV0vhA)i|2HWboyW-7gC%O-kimQQNJHXql-^x2W~8nhKj_7Og|1
z-N~yaT(PZS)ARdF$}o+qjjS_jy3jGAQ3E6a9T8!rl<$1?(v^zh{xA<V7T!$jvwmkU
z3&mAWpK!RNc~1tZSUGm(Fl^aphge<VI-F>#zlcfLWeN8vjWm&1|IwA5CF7QHQ$_2X
z1r@M4z@`_Z!l<{9Y?_2tzA%xS220I-m&T*)h0Akpel1;l$o+auLYI*0{MzRJ;VVLC
zMu$`FhGc+oNxhrjn-Iyx?)UiSc~Lknf&ya6NqYb(czz+Ayx{to?e^BqT3O`Nx3_0b
zb!F0z`4dc~l*iLz3YNG+NKG_VK+mP;=}a9BY$GySsri8zuUKSL`tytswfRHh-JB=P
zRRyQhtcyNAe*+ex3Acy4d~^|2;e6rX1BlUrNq$0d(QrM2!5Gb`04Dvt&lTvy5YfDE
zQ<8GeRmK#DN;#NeT2k-f(YQdv2aK-XlEX?I3}hk6cziiIs-U;LL;R*4wJ4$B$r(8-
zv~JIdCZXwep7FS;N?+{Hdqdw&G#m!A&X?7QmGMY2H=>+PV{_C3H5;C%$?%KnSy5(r
z(kfHqR+I6K2YJyo9*9zVzL<H1ZG`b2L|NI0iZp;^&sQiU(WoqYj4EF@KAu!1&eT__
z;Qjj&52ovAmrKGhV491Q$J|)g6SaCN#j5WoK9WsV>&(B3I}X0;MR9RT0{VUi>+vSX
zr)_X9FlkTsvX$5Lc(m%)C(dtUo@=#7`R87EUt3miCwF9ho;s8xa<`pYw_)m(SBrmx
z9cakmTbGUXz3lIm;xR~LgcH$gD)pKOfA8gJQYZG?%qr=JpU5m)6T-bm1Dcx>fDA%V
zB>vi+9wFml0I<h3bO+$Z^k($bMeyRe2fnOV^`8u=@7)&W$ulk<ouxhPjZNIi@l$-=
zJZvJmVIW!T=;9OS3UfRg1-66S7kcqHJg~4?<;`e?wkE+t;PaqT#M+y|>2IG@s^m;2
zXyGod-6B)zC9hY3y>&KPoPr;^M=FaffS)|Z7Eld!l+7rsoWbyOy=`LM2L0P2GQ2A0
z;EuD^w`61}6{`Fq>BUfoEx_O|Ex`ZF+xN_q4Sl63$kwiNtjx)v!jM~Id)1>yD61KH
zhnRhI<hv^Okpf``@*(hJjnGz*zWK)P9WRG*q$_t!b&JqV$)j^;!~<I;7Eh>Yy+v#<
zC9;V13<?b$kvJFQ-o$@JqFPuM2-}0ir?8Oqs6f>c^vRQsX>oh6j?J~qe5cK8-f|hW
z7OORr*Qi_)5S;nQ1rPRsMP%QDMSo^Levq_LH8@)RNxJYN-{WZP$6El6<PZwk%TWnP
z#(!#HjJDfqGApkU)er7airiT0W6;XVH@SNJdE?QMcngm4K#4()G_gkJn2tLFn;+6U
zl;(@&*J7vcUuQbYGR8_q`>)<RPn}&LI+X@rk$Lwsw}~_!h=#MRzjB?(wQbt%7R~a@
za%qx}185=FgK_5@lHCu4<a9Fmyc!5^gqtixx0Z@o?N7Zazg2C^Q73XFJ$A+A(U-6)
zoduWN*MiIw9EL@8CA)mSZ!b1m>@A-P@l%;(nfFbcPc%LLZ1en$7{)@IIea;7g}hu7
z4)hpPTWMX6Nwwg&@|~IaiLVKp+1&ha6_t_5&ZyHF!8dy!n*X`#IzFo|!(Q}YNccrK
z^-{^cz65$9AsCJJk#ChAXJyrU|1l#$Tzfh>fit~~PX^4770{|S=85&vxy_sdrN|-2
zyKHQz9xPjNT3ODubNUlC<8pfrh0|gJbC)bb-6+AXk9{WdyuhvBiqy^))|`3i3u#+6
zdnsD>6dvvOU=`EjK)zjafj4I7{iM9uX#iu+vCH!YyaEw$k1w6xPDtIb2+rmzukeT@
z20q|0$J8sO-FV@#ekb7|-2u-tdRg}rlh<OwZX^ALO>P4X{%$&K6NG#Fqju^T;t&X6
z?>X7UJpKuj<9(s!g|g+9!GMNdcG@B%z`eGQCqGGt5-dk6Z}oK;FkyyHB%6^95lDlB
zrSpR;PQgxJA9ITV+>|_Dh;NkYYDY+StlF;2NSC<Wu5(%JdPAJK+Vgqyk^QyW$J+wX
z#Eb1k&F;AuBWtIgynp98V7c^>ti;aRrmHYoy0hFIUzZoFJ(yw$*_gPczm%=rn{`D%
zF#fuIhhy52H^}9+-tjnqL6&A{?P_{!rE_IooOAu2t6g;ubB^%hb;=df%i^syQ3Mx3
zej+rqrM`z|okshzO<LE_G@Mhi;<c4irG6H^?Hg!Ad2}EiCn-=dB315@`M$>DQ_|+-
z;0Z)UDXV-(jL=w{hezAqz|W!1zIj)1Mp|Ad+rfb1%-*BM7wb=+INx0<edM`^9J|3J
zAyVV9GPR-+Umjl|ihlX&Vd%3ASPlE(B}4NGYBW6P{4>?=9bf6$FClz>=2i#YR%|W%
zDRoYJ1<vJX`KY%NOLtDArK?A~@s!a0Kv&k>P&vh|OQxOAisbnQEN`-pHH5r!Td>M>
zI5>e&^9pSkLGM=(&9E!wr=us!vAu;rVZ^o!SJWUgSLVsbx1uNBtz`Rg4O3kyt7J#q
zVLN~9G9>6G?@2DF_SVo(JMWA7vilyi)D4839crfTkSPR0z^tl7K!P;~*S-0RnSI)?
zQf+FoLoc=qF$#8+znC`ctG_p?6(HCQ!HAu-_0nzK$1+`t8&4b<25h^3WRN(ye}k>O
zG0Jg=O^n1Exz7C+vC@>_YA+d4`>fEhMyId4AIdGbesctG6I3UPb{s{<=0sGo-@dOi
zR!$m^x!=A4V7=|<67Kn7S!-rjGgEFiOC?_8!h`R2rn@6@q9liW9_<YL1Z)mzedSxi
zm`<v=PKHl7He;(9;a;=!?ONIT!0WZCZ*I0lrJpmLD$69iwPvMtvP9)3v(nom1bT1#
zuQ-d}YuvR*!l#N7zTFL!JV;n;x*`r;Eied?%NM^LO-+qmJ7Tb!N#mvYatTlyvt^M4
znwv~}<AB8iyp*Zb{P+-SPWbuW8qp;b5&<w1%2-eg`*nx?|G(JUBp=AN06Z7RfoQFV
R$AA4SGc&d{Dm8G6{Vy7d;<f+)

literal 0
HcmV?d00001

diff --git a/src/assets/img/p_3.png b/src/assets/img/p_3.png
new file mode 100644
index 0000000000000000000000000000000000000000..76e52f39e4e0aec487c8c622884889650d5b1f1c
GIT binary patch
literal 5058
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
R`2APS)bPAPiJn{ZKLE$S<pBTy

literal 0
HcmV?d00001

diff --git a/src/assets/img/p_4.png b/src/assets/img/p_4.png
new file mode 100644
index 0000000000000000000000000000000000000000..834bbbe3d91598f3f0ef73cb072d482152f7052d
GIT binary patch
literal 5167
zcmcIocTiJXw+{i44$=|P(4><P5_&IEq=^ComlBcy5g`yl4~ld_q$5R|Ajky-rMJ+e
zNEc9g6A_dyz53$4*YCYQzWHX}n|WvEoW1v2>$le0tL!u9JT@`Xp{Kb_0{{T%^>npN
zNn;M_wx^;bJ=2B!(ntdrUi&WoHr5gEgTSEy>L{!O8l>lna6+4+5hy>8_h=;mfZQ8%
z=Pv%Pp@9Mt>ne%(B_rwU>P|uf07|O9?g*p{8V_<nJ7L_E`8FGx`9K(yGM@$95Mt=A
ziFU^5`s2{I{f+J*{aujqC_Ysckdm(gNr5XGj{y0)-gom<@KxsfORoZH{)-Ie1N|j}
zcTwj1+o`*TCLm2L4h@o(gi0VG5C}+CUJ@=NgLXi|9bn=hC<F=xL*QVDyaYr}0SZ@u
z!$JRCd?bT7l%s;F){TG6kygrl&Un1L0vPP$<0I)KEs4cBfu-c-<-rgr7z&jjNl1A5
zx#1DM5^kRSzcpx~J&`z!J062|1O3v7aKL)umH9}{{=ExVcSFN}DR%SxCsw4WfqfC~
zU@1um*wyvd*8Y<A#G9i3+l_xK?Rm$~9St@`dt$wCNK#51`G12+;rq{qehHGiQ830~
zNO?ir*TN#bT+wcLJuPKE5=Rn+K`F?hWRUW5(()2eI1D9$l!d`09FX$z5-1eX5h;g)
z%RvyZ-+KNX9;&5zLrPm#2BIzllakWbQinj)<>cTnsEoX{ww#RiZ>*l1Cm!L3ME|yp
zA=&;13;&N;1x*|pfyd(RV6pdq7lMg17LWCG#=3)`(vlF6um#2qh4t|i`IV!;x2%Q6
zVZ70(8#t^h=&v9vVE&B*atMU9qXSw_0wE(MB>{uM<Rs)|pfCwX83-IE1Cc|+9Ax?a
z!K41K!2^?=0{^O%|4})=Nu+Z8HT_pBkQV=HCbS!=gK(r)8TBBx0RT+KdRpptd?(j3
zY4J%NY+X)7Y@*@YjQ$V`W*`MKh*~O033!i&D5|3NjVxJ(qQsO|JJy8Od9{JvMLAf#
zmBUJHRqukjfUa-q7L%N5uQcytHBgiWkawbSW+rW5Z8nzBFc;2L;c7E@mhCyAytO`)
z*3`T?(3d$8h8v)!+54Fge2t8TOp7;2m=zeQ0k|bh!4w8~VL}BW5p$W;ei2DL5|P9s
z5lK7}@qY(6--IscFhOqB=2m4`o&OLD(K%%sy2ce`Rc^Kt0(>Y$zA?;oa_tG|$60?{
zTZ_iR+?RkFDwi;w2#AxA{phh1Wj3!uEqabf?s*z}90m9eyecWKk;)c)6$nt^6{fd0
zWCHEm)sh(ug*zkO*vmL)0N3L-?Ziqb`xw;f6}EVQ#JrY=tcUbuK`%FNZ26E~wN{{(
z1CHwzF;Q^EZL~3mdWGa<@VYZl^~ocgTJ8ZTEC36%7lfI^_AcC{pxOh-s96)4&3V_7
z%0&_V>y<iWb5iqVvE{aH{w*hAKzj+mtR*7Z-U;w7CwPceYs(VERMbYPHnbR~t)VJR
zQAHgr8Db+^awT{~S7aR;`rMPHWypA(tqqzhF#~c*)4iSd*y1@A3x}evZ)j%0J~)K?
zI&ivs9~Qmuo@pnsqZfG+G6w@d*lkxc$cl5b1>2$)>Ui9=C?G*xLUi`r0&DsRt~UQR
zrjo7C?dG-wU4VWOogku5Jr6lJe9PjYzJtRZz=%lj8r$wBSvC+P03=KR^qvO|^vMuV
ziy5DE5=RO(0&NwdYy)R%1e85%a0lRL8kG3Mpcfi4#_Tez#}jjz+r`Cvhsy!{hgm%F
zggK{_=(5NsxDUMi_qylB7)33XO0LfYR05x?OAF<zZ_U9%YsuH%Q(4e*Zw$y8#;~U}
z&vx#Zze_k)sG4DTdNm+uR&_^jQqeEF?+H*%hXX+O$ly8|m)QN#aslGmh;H?lu-cnd
zi!YAzQ^Y*4Wg1CC86Q`}z7rza<HT~$AD4^!jcgmMRKHm&>-1h}uqN<i?na08<cn;!
zK{nL@<oteJg#ZF_8YBbPZn&B;5^_bE)!XuFz0iY~;=ad5>1kefDVmCC0ry<rU-B;P
z3nn<-^4VY3SyWhh74TWz>tlp$_fb(_H{`TaExg%w9R4G4JgVmNk!p&LmuODSoLAY8
z2Kk?%MY<*>q7PS~n(qGU`;T$TGO`PA7ZU$Gu9gkBcivFXtY=XmZl1c?5y{OPyhLPL
zJ<u;MeZKqMdeSH$y!L9k6k7quF($maCF<)-!CRSOgMo?nC(7eW-$(PSzpw|G*d>(z
z2tMV+?dD8GV#eK|5KpeA{jXlIogV4%hc$L9o5%gi2Nd>FtTbXXCd535{^8y^ok&%5
zSQq{G^x!LAM<*4djWOWi457<Yp5G7YW|qrZVjRg@`cKc2Wsv@P$pWuW4DYpOowse6
zI}XnAE<dszgUJeRomR29Ut&I-%%*G918^c5HEfDrgBv-_-{T&5M>SQgNuIa%XqBxF
zWHy<d)(M!<F9vvDo?>P@xd_K<@`?+m>){PDp-$(Bv3PQiFRO{J**-Tt!;R}g6RLrV
zO93_9*tb-xgQEv3lZ^c8<e8A|oMEtF*4g<Zy0X=Ke_~l45~H{vY980?c^GUPRo}&N
zx}`%Hvuvj?+}g;t<PBFVH1_UZbFi-DiF7>3%ch1k1^!SUt`4|FIcT_>qPRxswAl6J
z!`=t7y(Y&ue=_cn+oc^Ze8tsrRdGX;Y^7>H3>iP`4cBy^{}L25)}B|xoWKxG$HKtX
zMf3G_+J~&BCX3*{j}6hT@sCnEmUgt*gVTCVEb_@mZs#T?P%NeU`UJ?yrf9!1Ev}+F
zcJw*%u6sfonR=JwaGgx0p}kTd>H765|GBqM_=6rL_Q`p@yWOaaJsguRMAtb$Mi)&%
zx*i*Jt!cfGi0}T^0x+CYUV>aE!(w^ks>(Lxaskk)Y1m-R%c%X-seS(}%kh@0PrJ?C
zf-}>nT(d{`C6K9?H{D@!8Ue7I_+un_R`7CRB5%;6+hRdJ3Ek@@Sxwdiuzm5YAE!QS
z!lWmTD|nk0PJATC6vR7jq-1S}My*6b$%Ce9o-Cksgfs)f+Xyk+Jl3u%vhDt=XGw~3
zU3&SYsRH{@R6zA<mHg)g1%Oh2CRy=-Lbt44*b(ZJ7nS||m(UXa1Jj$|%5MqLsXsi3
zSskBbEYK`90dn@nUZLUddg_0124yv!93E-Vkwd&L{ZS7+?Hcy(-p;^%dT*A1m9a(3
z*#OzZf*WZs@2@RZ&1e-oUCEI!N_8YG?kgWX`w88xa2^5dKNBjXUAduNAX_npOC(4Z
zv)m5x3BI6qS>Pw4s+v1NTk?<ER<EB)b<m;k0o2d@G^6MD3)?GJZ5aD?1<*Q^)unev
zjJy^H-q=h;d1}s2(8qhV;1L$vgWd+H!M?%$fHxB1AE*;AA09J`+bVLUbfX>Aw{sp~
zt!ny(mW$d$mm*cB7e8KXniCoMj=Ag0(rdHQG|U)VYiCpADi7prk!kzWc<O1x4T>}G
zOS_15q6S5Gu}We3<)kBH#zJJ-v-aA>6AfV%F*bI2T(7~#$EQhL&p6x+(Sxd41WTjg
z3KcWE2S~~fJi0-dOwtBC!!4Wc!{b9^d*jpU`Md6i=s=V98>)Yb|FKJh`j(S=k+Pks
zM3tJKJX@=bYa~bMWLT<wt5A>8E_6?EsfdG}_OR0I?XmL0PM82KJJ4JKhriH2ApbF!
z<z{|J0YlQ@aT|?!@8?Ns?xO?E79YMhcde7ZF%mp1x9GVnug@!LDG51gxHE9pt~rG#
zXkISyzCEpJR#Pj=%xyQ78&ME$QoZ%qPw8i#A}Bf>zfh3?I0*h&8W7eiW~5d7K-C5E
zlVH)sRsKdLbh)f<7QSfF>x+4;G=SbG3jm?~EPLKWb(kqxLll?ay2XW@4FA!bnbI43
zEm2n6H%{Q$H3I*hy75IS7OkQFwRlT@-KFhn<-xeP&YK#kC#TutbLZk5qL(0Z-%BdR
zKhi?Yj7@FO=-563A))5`Q;ZC7j*<5V2B47e*SufL9h<X6V;NC{XBd&77wh2Ox<4Ln
z@$}>D)<oDX$O++_%etNOAJ>mdg^kg%gMrbTGnu=A(#k+*I)4F*E}PJ$LQ&L^w7?yX
zGH66oq1*U}SfdQTLaNh!?}~SyPIV@RJ0^&&@oGIG1-M6K1saaSH;LIXm2ANh;s;pe
zMs`iyHMutb1}O3qyVr-e6Fmt&8!u`MC%@K6{ZMOro_3p;-&$`<WRvr}V_7C%q=}LB
zRe_+x#$ieQ;od~g=bDY2#f|YVW1C0ciEI6WJ4`Jtr4RUd=VzwX?RLi~G>6(H7^9rv
zJ>UZN$QIRCji>v-ba-PAI5aFH`_r)mZ-`mx{#9s$V5^BM8E4UkBUOkC|KSIR3{LN+
zn_^M*ZM%a6%j*djRxhVd*BJP%#IxydOmWjkQ05cGv&aMKBG$g2Z(Ovl7ak})M+!+U
zvv8ah<fn*wa)_JR`Y#4HKWJ8wPi{K%7YA~tUWoM87x;rhdDxw~^GdaT{}ibCS}spl
zv)YKXelmxhCI8z&KULbK__b|65rtPT5FY$OKPSq8{S=%M^#&RXbyJ7Lrp_O_8iNFC
z@shXlqx-}>43}BYnkoTVJG-FEEPDrfNat~)Y;}KIp%R3yI@6RGzg@T^61{B*lP)&(
zTSyLBN1aep+1qpQhd$%%y##|d0f4VE1*Fs=hCPAJXFXVVqa<{z(h!i#I0gTj&6_1v
zDV}hFu4Yn09k>CSwBU_R=4O}vKIQkLTrH_~meSrOZA!naDR&lYO%z{$xwHPI<NP?)
zoGeZD%A~mTOC^3Tz1zo%D=~{Po^2^9Dy>Z8*N#2Jxj5^z1sMUb=p62;jQBKwr<M?1
z{CktW7(sRyDjwzPkM5O4vy#16To6WM7wx&%vLehf;oDfFsSfyifjT>}^+duWUj~{L
zM!r$z0Xi?42P-Xx_^qLKKq4DED+bam-C$gL=vdR~Uzk$&*omXvH;HK6EU+~~Cu_l+
z6r?m4t;aJDvVJUE+t+ca<@HTUO-F{hJuf3QMB@wV#y(rKxHNIVC@2W}d}{Soc5du9
z^K9kHx@&V)%8!*BK$l<FTa`F(7StF#FX{95rNt<+dRPs-J-w<m-mq#*HcwfL5ucZx
z$fO=L%b?%VgO4@<)+*fQ7$UX>4Ep8$2+hoD^kE(PqSMao#EKzbLhrX04Lm@gB4mcg
z-H(%3VgwTV*;>Zv660d%46xma0l?X1oJl7rc=1Wsmf1^P*+N>6i&gca1{bq+=BjRN
z#ab-KSC<j=0qE8vVJ_&}t6T|}S?&&>&F2*DehjQh0r3Ubr2{-M`Pt_mi(F__E&!U@
z%#9*qV60h3uU*p`?emoS1NpZJPAFDXi?Eav-S(7Drx=9X+lDTfzru)mU3GqL`gV!y
z$m6%p)muf`Vh8;tpqT*3-OA7(3H*-xlf6>s!EQZsmfgx@Re(Dj<JJA=&B(St;$Q16
zcBZOKHyZY>rvsAs@ptzrvubdu7V^5b=ev!$_%Cqs?s-H^rJcTXnVj3#j89#0BgvgC
z0}dbQtUXHOmU^9U6r{Zqnl|`z(3h;&*58}z?0`tz?ewT}xJSlyP(hV-aNzqekhS=0
z6_x#12SP5fRph0`5<!=eu0D!j`MGMfC7R}ijrIkLgxwOydolPQ*k*=3Zg=A$yHEY#
zb%2jN#_ck-r&yj<Mw%plgYnm)N0^LnrK+p_7G?e|L(WGtHi&1>LvQ)(ww&b~TO0K(
z_atGWClZ=f+_tPMMf9z@s>nyKklvJ&_5cW{d8?J5HbeWx<ZsPK$Oc8Sml5qp&E7h;
zKw@%%VfMEWTSm{~GcB_zRk0QKJHDy8lV!}^*(Y+Z`%?Fq&%T8&D>fH!Y<Z}Bs`SH_
z4wNnOO)m<)#+}f^ea?%MqteCZ+ZXTte3_ne<+>|jN63<N&Xx6G>%I6OgDdkpDAvJm
z?CS@P4mLis^_}x0<m<5Pv2V+<?A7>fUE9hfE>jEX7vx)_)Mn=!Q%}9mh}%8F#J$8q
zh27#K^U;V41Q$IfkyOCw_eWNl;6C^Xu_*s|%{71jH0BxAp@P(?1oOmKl%jg`VX0!Z
zo0lx{^Iq7y50g`YC7Ghy>#d)6{0|1-y;;uEU04!C>fXEw#bA1vcOV%-FS?t)v(sLa
zKWJR5)5(}K+5c>3dYB8o&J^IvfDrFFLkk}@F@9yp>YEO0rL-*vuF&SCNJXx0Y$L$~
zW6v2RgNb&e^J}V;Pq4KF^mHVaU2Qa0?U4J!|HD`I1K;CV06Bm^nuaB9=#%KLUwC@j
LMp~~m?1TRcgupHF

literal 0
HcmV?d00001

diff --git a/src/assets/img/p_5.png b/src/assets/img/p_5.png
new file mode 100644
index 0000000000000000000000000000000000000000..a8d02fc05c49456a63a24ce918ff7c2743e6422d
GIT binary patch
literal 5886
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

literal 0
HcmV?d00001

diff --git a/src/components/Index.vue b/src/components/Index.vue
index 6a3c254..77a46c2 100644
--- a/src/components/Index.vue
+++ b/src/components/Index.vue
@@ -1,96 +1,100 @@
 <template>
-  <div class="indexPage">
-    <div class="indexCon">
-      <div class="logo"></div>
-      <div class="title_main"></div>
-      <div class="cloud_left_1"></div>
-      <div class="cloud_right_1"></div>
-      <div class="luckybag_left"></div>
-      <div class="luckybag_right"></div>
-      <div class="icon_left_1"></div>
-      <div class="lucky_bag"></div>
-      <div class="lucky_bag_2">
-        <div class="prize_num">{{ prizeResult }}<span>元</span></div>
-      </div>
-      <div class="notice">
-        <span class="icon"
-          ><img src="../assets/img/laba.png" alt="" srcset=""
-        /></span>
-        <span class="num">活动已有{{ participantNum }}人参与</span>
-      </div>
-      <div class="cloud_left_2"></div>
-      <div class="icon_left_2"></div>
-      <div class="cloud_right_2"></div>
-      <!-- 大转盘 -->
-      <div class="zhuanpan">
-        <!-- <div class="liwu">
+	<div class="indexPage">
+		<div class="indexCon">
+			<div class="logo"></div>
+			<div class="title_main"></div>
+			<div class="cloud_left_1"></div>
+			<div class="cloud_right_1"></div>
+			<div class="luckybag_left"></div>
+			<div class="luckybag_right"></div>
+			<div class="icon_left_1"></div>
+			<div class="lucky_bag"></div>
+			<div class="lucky_bag_2">
+				<div class="prize_num">{{ prizeResult }}<span>元</span></div>
+			</div>
+			<div class="notice">
+				<span class="icon"
+					><img src="../assets/img/laba.png" alt="" srcset=""
+				/></span>
+				<span class="num">活动已有{{ participantNum }}人参与</span>
+			</div>
+			<div class="cloud_left_2"></div>
+			<div class="icon_left_2"></div>
+			<div class="cloud_right_2"></div>
+			<!-- 大转盘 -->
+			<div class="zhuanpan">
+				<!-- <div class="liwu">
                     <div>1.99</div>
                     <div>2.99</div>
                     <div>3.99</div>
                     <div>4.99</div>
                     <div>5.99</div>
                 </div> -->
-      </div>
-      <div class="icon_right_2"></div>
-      <div class="icon_right_3"></div>
-      <div class="cloud_left_3"></div>
-      <div class="cloud_right_3"></div>
-      <div class="icon_right_1"></div>
-      <div class="select_box"></div>
-      <div class="draw_btn" @click="drawBtn"></div>
-      <div class="rule_btn" @click="showRluesBtn"></div>
-      <div class="prize_btn" @click="showMyPrizePop"></div>
-      <div class="rule_btn_text"></div>
-      <div class="prize_btn_text"></div>
-      <div class="caidai"></div>
-    </div>
-    <!-- 活动列表 -->
-    <div class="activityCon">
-      <div class="activity_box">
-        <div class="activity_title">
-          <img src="../assets/img/activity_title.png" alt="" />
-        </div>
-        <div class="activity_list">
-          <div
-            class="activity_li"
-            v-for="(item, index) in activityList"
-            :key="index"
-            :style="{ 'background-image': 'url(' + item.banner + ')' }"
-            v-show="item.show"
-          >
-            <div
-              class="btn"
-              :style="{ 'background-image': 'url(' + item.btnImg + ')' }"
-              @click="activityBtn(item)"
-            ></div>
-          </div>
-        </div>
-      </div>
-      <div class="cloud_bottom"></div>
-    </div>
+			</div>
+			<div class="icon_right_2"></div>
+			<div class="icon_right_3"></div>
+			<div class="cloud_left_3"></div>
+			<div class="cloud_right_3"></div>
+			<div class="icon_right_1"></div>
+			<div class="select_box"></div>
+			<div class="draw_btn" @click="drawBtn"></div>
+			<div class="rule_btn" @click="showRluesBtn"></div>
+			<div class="prize_btn" @click="showMyPrizePop"></div>
+			<div class="rule_btn_text"></div>
+			<div class="prize_btn_text"></div>
+			<div class="caidai"></div>
+		</div>
+		<!-- 活动列表 -->
+		<div class="activityCon">
+			<div class="activity_box">
+				<div class="activity_title">
+					<img src="../assets/img/activity_title.png" alt="" />
+				</div>
+				<div class="activity_list">
+					<div
+						class="activity_li"
+						v-for="(item, index) in activityList"
+						:key="index"
+						:style="{
+							'background-image': 'url(' + item.banner + ')',
+						}"
+						v-show="item.show"
+					>
+						<div
+							class="btn"
+							:style="{
+								'background-image': 'url(' + item.btnImg + ')',
+							}"
+							@click="activityBtn(item)"
+						></div>
+					</div>
+				</div>
+			</div>
+			<div class="cloud_bottom"></div>
+		</div>
 
-    <!-- 活动规则弹窗 -->
-    <Rules v-if="showRulesPop" @RulesPop="hideRulesPop" />
-    <!-- 我的奖品弹窗 -->
-    <MyPrize v-if="showMyPrize" @MyPrize="myPrizePop" />
-    <!-- 添加专属服务人员企微弹窗 -->
-    <ServiceList v-if="showServicePop" @ServicePop="hideServicePop" />
+		<!-- 活动规则弹窗 -->
+		<Rules v-if="showRulesPop" @RulesPop="hideRulesPop" />
+		<!-- 我的奖品弹窗 -->
+		<MyPrize v-if="showMyPrize" @MyPrize="myPrizePop" />
+		<!-- 添加专属服务人员企微弹窗 -->
+		<ServiceList v-if="showServicePop" @ServicePop="hideServicePop" />
 
-    <LuckyWheel v-if="false" />
-  </div>
+		<LuckyWheel v-if="false" />
+	</div>
 </template>
 
 <script setup>
 import {
-  onBeforeMount,
-  onMounted,
-  defineEmits,
-  defineProps,
-  reactive,
-  ref,
-  toRefs,
-  getCurrentInstance,
-  computed,
+	onBeforeMount,
+	onMounted,
+	defineEmits,
+	defineProps,
+	reactive,
+	ref,
+	toRefs,
+	getCurrentInstance,
+	computed,
 } from "vue";
 import gsap from "gsap";
 import axios from "axios";
@@ -122,36 +126,36 @@ const showServicePop = ref(false);
 
 // 活动列表
 const activityList = reactive([
-  {
-    id: 1,
-    show: true,
-    banner: require("../assets/img/activity_1.png"),
-    btnImg: require("../assets/img/li_btn_1.png"),
-  },
-  {
-    id: 2,
-    show: true,
-    banner: require("../assets/img/activity_2.png"),
-    btnImg: require("../assets/img/li_btn_2.png"),
-  },
-  {
-    id: 3,
-    show: true,
-    banner: require("../assets/img/activity_3.png"),
-    btnImg: require("../assets/img/li_btn_3.png"),
-  },
-  {
-    id: 4,
-    show: true,
-    banner: require("../assets/img/activity_4.png"),
-    btnImg: require("../assets/img/li_btn_4.png"),
-  },
-  {
-    id: 5,
-    show: true,
-    banner: require("../assets/img/activity_5.png"),
-    btnImg: require("../assets/img/li_btn_5.png"),
-  },
+	{
+		id: 1,
+		show: true,
+		banner: require("../assets/img/activity_1.png"),
+		btnImg: require("../assets/img/li_btn_1.png"),
+	},
+	{
+		id: 2,
+		show: true,
+		banner: require("../assets/img/activity_2.png"),
+		btnImg: require("../assets/img/li_btn_2.png"),
+	},
+	{
+		id: 3,
+		show: true,
+		banner: require("../assets/img/activity_3.png"),
+		btnImg: require("../assets/img/li_btn_3.png"),
+	},
+	{
+		id: 4,
+		show: true,
+		banner: require("../assets/img/activity_4.png"),
+		btnImg: require("../assets/img/li_btn_4.png"),
+	},
+	{
+		id: 5,
+		show: true,
+		banner: require("../assets/img/activity_5.png"),
+		btnImg: require("../assets/img/li_btn_5.png"),
+	},
 ]);
 
 // 页面挂载前
@@ -161,384 +165,387 @@ onBeforeMount(() => {});
 onMounted(() => {});
 
 const btn = () => {
-  // Toast('项目开发中');
-  emit("indexPage", "hello");
+	// Toast('项目开发中');
+	emit("indexPage", "hello");
 
-  Dialog.alert({
-    title: "招商证券88司庆活动",
-    message: "项目开发中",
-    confirmButtonText: "确定",
-    showCancelButton: true,
-  })
-    .then((e) => {
-      // 更新openid
-      store.commit({ type: "updateOpenid", openid: "openid110" });
+	Dialog.alert({
+		title: "招商证券88司庆活动",
+		message: "项目开发中",
+		confirmButtonText: "确定",
+		showCancelButton: true,
+	})
+		.then((e) => {
+			// 更新openid
+			store.commit({ type: "updateOpenid", openid: "openid110" });
 
-      console.log(e, store.state.userAccount);
-    })
-    .catch((e) => {
-      console.log(e);
-    });
+			console.log(e, store.state.userAccount);
+		})
+		.catch((e) => {
+			console.log(e);
+		});
 };
 
 // 抽奖按钮
 const drawBtn = () => {
-  console.log("抽奖22：");
+	console.log("抽奖22：");
 
-  service.get(process.env.VUE_APP_API + '/cms88/card/qrcode/',cardId=store.state.userAccount.cardId )
-  .then((res) => {
+	service
+		.get(
+			process.env.VUE_APP_API + "/cms88/card/qrcode/",
+			(cardId = store.state.userAccount.cardId)
+		)
+		.then((res) => {
+			console.log(res);
+		});
 
-    console.log(res);
-  })
-
-  //   console.log("授权：",getAuthorize(1));
-  // if (h5plugin.getQueryString("forceauth")) {
-  //   console.log("yes-forceauth");
-  //   getAuthorize(0);
-  // } else {
-  //   console.log("no-forceauth");
-  //   getAuthorize(1);
-  // }
+	//   console.log("授权：",getAuthorize(1));
+	// if (h5plugin.getQueryString("forceauth")) {
+	//   console.log("yes-forceauth");
+	//   getAuthorize(0);
+	// } else {
+	//   console.log("no-forceauth");
+	//   getAuthorize(1);
+	// }
 };
 
 // 活动点击
 const activityBtn = (item) => {
-  console.log(item.id);
+	console.log(item.id);
 
-  if (item.id == 1) {
-    showServicePop.value = true;
-  }
+	if (item.id == 1) {
+		showServicePop.value = true;
+	}
 };
 
 // 活动规则弹窗
 const showRluesBtn = () => {
-  showRulesPop.value = true;
+	showRulesPop.value = true;
 };
 const hideRulesPop = () => {
-  showRulesPop.value = false;
+	showRulesPop.value = false;
 };
 
 // 我的奖品页面
 const showMyPrizePop = () => {
-  showMyPrize.value = true;
+	showMyPrize.value = true;
 };
 const myPrizePop = () => {
-  showMyPrize.value = false;
+	showMyPrize.value = false;
 };
 
 // 企微弹窗
 const hideServicePop = () => {
-  showServicePop.value = false;
+	showServicePop.value = false;
 };
 
 // 招商证券授权
 const getAuthorize = (scopeState) => {
-  let href = window.location.href;
-  let h_idx = window.location.href.indexOf("#");
-  let out_href = href.slice(0, h_idx);
-  // return `${process.env.VUE_APP_ZS_DOMAIN}/wxauth/official/account/authorize?redirectUrl=${out_href}&scope=${1}"`;
-  window.location.href = `${process.env.VUE_APP_ZS_DOMAIN}/wxauth/official/account/authorize?redirectUrl=${out_href}&scope=${scopeState}`;
+	let href = window.location.href;
+	let h_idx = window.location.href.indexOf("#");
+	let out_href = href.slice(0, h_idx);
+	// return `${process.env.VUE_APP_ZS_DOMAIN}/wxauth/official/account/authorize?redirectUrl=${out_href}&scope=${1}"`;
+	window.location.href = `${process.env.VUE_APP_ZS_DOMAIN}/wxauth/official/account/authorize?redirectUrl=${out_href}&scope=${scopeState}`;
 };
 </script>
 
 <style lang="scss" scoped>
 .indexPage {
-  width: 100%;
-  height: 100%;
-  position: fixed;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  overflow: hidden;
-  overflow-y: scroll;
+	width: 100%;
+	height: 100%;
+	position: fixed;
+	top: 0;
+	left: 0;
+	bottom: 0;
+	right: 0;
+	overflow: hidden;
+	overflow-y: scroll;
 
-  .indexCon {
-    // @include pos(100%, 1090px, 0, 0);
-    width: 100%;
-    height: 1090px;
-    position: relative;
-    top: 0;
-    left: 0;
-    @include bg_pos("../assets/img/top_bg.jpg");
-    // overflow: hidden;
+	.indexCon {
+		// @include pos(100%, 1090px, 0, 0);
+		width: 100%;
+		height: 1090px;
+		position: relative;
+		top: 0;
+		left: 0;
+		@include bg_pos("../assets/img/top_bg.jpg");
+		// overflow: hidden;
 
-    .logo {
-      @include pos(241px, 36px, 31px, 41px);
-      @include bg_pos("../assets/img/logo.png");
-      pointer-events: none;
-    }
+		.logo {
+			@include pos(241px, 36px, 31px, 41px);
+			@include bg_pos("../assets/img/logo.png");
+			pointer-events: none;
+		}
 
-    .notice {
-      @include pos(350px, 48px, 200px, 592px);
-      @include bg_pos("../assets/img/notice_box.png");
-      pointer-events: none;
-      align-self: center;
-      justify-content: center;
+		.notice {
+			@include pos(350px, 48px, 200px, 592px);
+			@include bg_pos("../assets/img/notice_box.png");
+			pointer-events: none;
+			align-self: center;
+			justify-content: center;
 
-      display: flex;
-      font-size: 20px;
+			display: flex;
+			font-size: 20px;
 
-      .icon {
-        width: 26px;
-        height: 48px;
-        // @include bg_pos('../assets/img/laba.png');
+			.icon {
+				width: 26px;
+				height: 48px;
+				// @include bg_pos('../assets/img/laba.png');
 
-        line-height: 54px;
+				line-height: 54px;
 
-        img {
-          width: 26px;
-          height: 25px;
-        }
-      }
+				img {
+					width: 26px;
+					height: 25px;
+				}
+			}
 
-      .num {
-        height: 48px;
-        line-height: 48px;
-      }
-    }
+			.num {
+				height: 48px;
+				line-height: 48px;
+			}
+		}
 
-    .title_main {
-      @include pos(547px, 221px, 107px, 108px);
-      @include bg_pos("../assets/img/title_main.png");
-      pointer-events: none;
-    }
+		.title_main {
+			@include pos(547px, 221px, 107px, 108px);
+			@include bg_pos("../assets/img/title_main.png");
+			pointer-events: none;
+		}
 
-    .caidai {
-      @include pos(641px, 503px, 47px, 79px);
-      @include bg_pos("../assets/img/caidai.png");
-      pointer-events: none;
-    }
+		.caidai {
+			@include pos(641px, 503px, 47px, 79px);
+			@include bg_pos("../assets/img/caidai.png");
+			pointer-events: none;
+		}
 
-    .luckybag_left {
-      @include pos(144px, 138px, 0px, 551px);
-      @include bg_pos("../assets/img/luckybag_left.png");
-      pointer-events: none;
-    }
+		.luckybag_left {
+			@include pos(144px, 138px, 0px, 551px);
+			@include bg_pos("../assets/img/luckybag_left.png");
+			pointer-events: none;
+		}
 
-    .luckybag_right {
-      @include pos(118px, 110px, 615px, 503px);
-      @include bg_pos("../assets/img/luckybag_right_2.png");
-      pointer-events: none;
-    }
+		.luckybag_right {
+			@include pos(118px, 110px, 615px, 503px);
+			@include bg_pos("../assets/img/luckybag_right_2.png");
+			pointer-events: none;
+		}
 
-    .icon_left_1 {
-      @include pos(54px, 52px, 104px, 605px);
-      @include bg_pos("../assets/img/icon_left_1.png");
-      pointer-events: none;
-    }
+		.icon_left_1 {
+			@include pos(54px, 52px, 104px, 605px);
+			@include bg_pos("../assets/img/icon_left_1.png");
+			pointer-events: none;
+		}
 
-    .icon_left_2 {
-      @include pos(63px, 61px, 11px, 652px);
-      @include bg_pos("../assets/img/icon_left_2.png");
-      pointer-events: none;
-    }
+		.icon_left_2 {
+			@include pos(63px, 61px, 11px, 652px);
+			@include bg_pos("../assets/img/icon_left_2.png");
+			pointer-events: none;
+		}
 
-    .icon_right_1 {
-      @include pos(81px, 80px, 556px, 400px);
-      @include bg_pos("../assets/img/icon_right_1.png");
-      pointer-events: none;
-    }
+		.icon_right_1 {
+			@include pos(81px, 80px, 556px, 400px);
+			@include bg_pos("../assets/img/icon_right_1.png");
+			pointer-events: none;
+		}
 
-    .icon_right_2 {
-      @include pos(70px, 65px, 567px, 573px);
-      @include bg_pos("../assets/img/icon_right_2.png");
-      pointer-events: none;
-    }
+		.icon_right_2 {
+			@include pos(70px, 65px, 567px, 573px);
+			@include bg_pos("../assets/img/icon_right_2.png");
+			pointer-events: none;
+		}
 
-    .icon_right_3 {
-      @include pos(103px, 108px, 633px, 600px);
-      @include bg_pos("../assets/img/luckybag_right.png");
-      pointer-events: none;
-    }
+		.icon_right_3 {
+			@include pos(103px, 108px, 633px, 600px);
+			@include bg_pos("../assets/img/luckybag_right.png");
+			pointer-events: none;
+		}
 
-    .cloud_left_1 {
-      @include pos(214px, 147px, 0px, 523px);
-      @include bg_pos("../assets/img/cloud_left_1.png");
-      pointer-events: none;
-    }
+		.cloud_left_1 {
+			@include pos(214px, 147px, 0px, 523px);
+			@include bg_pos("../assets/img/cloud_left_1.png");
+			pointer-events: none;
+		}
 
-    .cloud_left_2 {
-      @include pos(375px, 176px, 0px, 616px);
-      @include bg_pos("../assets/img/cloud_left_2.png");
-      pointer-events: none;
-    }
+		.cloud_left_2 {
+			@include pos(375px, 176px, 0px, 616px);
+			@include bg_pos("../assets/img/cloud_left_2.png");
+			pointer-events: none;
+		}
 
-    .cloud_left_3 {
-      @include pos(151px, 136px, 0px, 645px);
-      @include bg_pos("../assets/img/cloud_left_3.png");
-      pointer-events: none;
-    }
+		.cloud_left_3 {
+			@include pos(151px, 136px, 0px, 645px);
+			@include bg_pos("../assets/img/cloud_left_3.png");
+			pointer-events: none;
+		}
 
-    .cloud_right_1 {
-      @include pos(270px, 215px, 480px, 477px);
-      @include bg_pos("../assets/img/cloud_right_1.png");
-      pointer-events: none;
-    }
+		.cloud_right_1 {
+			@include pos(270px, 215px, 480px, 477px);
+			@include bg_pos("../assets/img/cloud_right_1.png");
+			pointer-events: none;
+		}
 
-    .cloud_right_2 {
-      @include pos(375px, 202px, 375px, 595px);
-      @include bg_pos("../assets/img/cloud_right_2.png");
-      pointer-events: none;
-    }
+		.cloud_right_2 {
+			@include pos(375px, 202px, 375px, 595px);
+			@include bg_pos("../assets/img/cloud_right_2.png");
+			pointer-events: none;
+		}
 
-    .cloud_right_3 {
-      @include pos(113px, 108px, 639px, 686px);
-      @include bg_pos("../assets/img/cloud_right_3.png");
-      pointer-events: none;
-    }
+		.cloud_right_3 {
+			@include pos(113px, 108px, 639px, 686px);
+			@include bg_pos("../assets/img/cloud_right_3.png");
+			pointer-events: none;
+		}
 
-    .lucky_bag {
-      @include pos(308px, 355px, 227px, 356px);
-      @include bg_pos("../assets/img/luckybag.png");
-      pointer-events: none;
-      visibility: hidden;
-    }
+		.lucky_bag {
+			@include pos(308px, 355px, 227px, 356px);
+			@include bg_pos("../assets/img/luckybag.png");
+			pointer-events: none;
+			visibility: hidden;
+		}
 
-    .lucky_bag_2 {
-      @include pos(330px, 345px, 210px, 348px);
-      @include bg_pos("../assets/img/luckybag_2.png");
-      pointer-events: none;
+		.lucky_bag_2 {
+			@include pos(330px, 345px, 210px, 348px);
+			@include bg_pos("../assets/img/luckybag_2.png");
+			pointer-events: none;
 
-      // display: flex;
+			// display: flex;
 
-      .prize_num {
-        @include pos(330px, 50px, 0px, 79px);
-        font-weight: 700;
-        font-size: 59px;
-        color: #ff480e;
-        text-align: center;
+			.prize_num {
+				@include pos(330px, 50px, 0px, 79px);
+				font-weight: 700;
+				font-size: 59px;
+				color: #ff480e;
+				text-align: center;
 
-        span {
-          color: #ca2f0a;
-          font-size: 24px;
-          font-weight: 700;
-        }
-      }
-    }
+				span {
+					color: #ca2f0a;
+					font-size: 24px;
+					font-weight: 700;
+				}
+			}
+		}
 
-    .select_box {
-      @include pos(270px, 325px, 239px, 666px);
-      @include bg_pos("../assets/img/select_box.png");
-      pointer-events: none;
-    }
+		.select_box {
+			@include pos(270px, 325px, 239px, 666px);
+			@include bg_pos("../assets/img/select_box.png");
+			pointer-events: none;
+		}
 
-    .draw_btn {
-      @include pos(216px, 252px, 273px, 810px);
-      @include bg_pos("../assets/img/draw_btn.png");
-    }
+		.draw_btn {
+			@include pos(216px, 252px, 273px, 810px);
+			@include bg_pos("../assets/img/draw_btn.png");
+		}
 
-    .rule_btn {
-      @include pos(137px, 153px, 75px, 883px);
-      @include bg_pos("../assets/img/rule_btn.png");
-    }
+		.rule_btn {
+			@include pos(137px, 153px, 75px, 883px);
+			@include bg_pos("../assets/img/rule_btn.png");
+		}
 
-    .rule_btn_text {
-      @include pos(98px, 26px, 92px, 1035px);
-      @include bg_pos("../assets/img/rule_btn_text.png");
-    }
+		.rule_btn_text {
+			@include pos(98px, 26px, 92px, 1035px);
+			@include bg_pos("../assets/img/rule_btn_text.png");
+		}
 
-    .prize_btn {
-      @include pos(137px, 153px, 541px, 883px);
-      @include bg_pos("../assets/img/prize_btn.png");
-    }
+		.prize_btn {
+			@include pos(137px, 153px, 541px, 883px);
+			@include bg_pos("../assets/img/prize_btn.png");
+		}
 
-    .prize_btn_text {
-      @include pos(98px, 26px, 558px, 1035px);
-      @include bg_pos("../assets/img/prize_btn_text.png");
-    }
+		.prize_btn_text {
+			@include pos(98px, 26px, 558px, 1035px);
+			@include bg_pos("../assets/img/prize_btn_text.png");
+		}
 
-    .zhuanpan {
-      @include pos(750px, 465px, 0px, 657px);
-      @include bg_pos("../assets/img/zhuanpan.png");
-      pointer-events: none;
-      overflow: hidden;
+		.zhuanpan {
+			@include pos(750px, 465px, 0px, 657px);
+			@include bg_pos("../assets/img/zhuanpan.png");
+			pointer-events: none;
+			overflow: hidden;
 
-      .liwu {
-        @include pos(750px, 465px, 0px, 40px);
-        display: flex;
-        border-radius: 50%;
-        // background-color: rgb(255, 0, 0);
-        // width: 1146px;
-        // height: 812px;
+			.liwu {
+				@include pos(750px, 465px, 0px, 40px);
+				display: flex;
+				border-radius: 50%;
+				// background-color: rgb(255, 0, 0);
+				// width: 1146px;
+				// height: 812px;
 
-        div {
-          border: 2px solid #000;
-          width: 20%;
-          height: 110px;
-          font-size: 36px;
-          font-weight: 700;
-          color: #fc4638;
-          text-align: center;
-          line-height: 110px;
-          border-radius: 50%;
-          transform: rotate(30deg);
-        }
-      }
-    }
-  }
+				div {
+					border: 2px solid #000;
+					width: 20%;
+					height: 110px;
+					font-size: 36px;
+					font-weight: 700;
+					color: #fc4638;
+					text-align: center;
+					line-height: 110px;
+					border-radius: 50%;
+					transform: rotate(30deg);
+				}
+			}
+		}
+	}
 
-  .activityCon {
-    width: 750px;
-    @include bg_pos("../assets/img/activity_bg.jpg");
+	.activityCon {
+		width: 750px;
+		@include bg_pos("../assets/img/activity_bg.jpg");
 
-    .activity_box {
-      width: 700px;
-      // height: 100%;
-      margin: 0 auto;
-      margin-top: 30px;
-      @include bg_pos("../assets/img/activity_box.png");
-      box-sizing: border-box;
+		.activity_box {
+			width: 700px;
+			// height: 100%;
+			margin: 0 auto;
+			margin-top: 30px;
+			@include bg_pos("../assets/img/activity_box.png");
+			box-sizing: border-box;
 
-      .activity_title {
-        width: 633px;
-        height: 120px;
-        margin: 0 auto;
-        // margin-top: 55px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
+			.activity_title {
+				width: 633px;
+				height: 120px;
+				margin: 0 auto;
+				// margin-top: 55px;
+				display: flex;
+				align-items: center;
+				justify-content: center;
 
-        img {
-          width: 633px;
-          height: 29px;
-        }
+				img {
+					width: 633px;
+					height: 29px;
+				}
 
-        // @include bg_pos('../assets/img/activity_title.png');
-      }
+				// @include bg_pos('../assets/img/activity_title.png');
+			}
 
-      .activity_list {
-        width: 633px;
-        margin: 0 auto;
-        display: flex;
-        flex-direction: column;
-        margin-top: 20px;
+			.activity_list {
+				width: 633px;
+				margin: 0 auto;
+				display: flex;
+				flex-direction: column;
+				margin-top: 20px;
 
-        .activity_li {
-          width: 633px;
-          height: 166px;
-          margin-bottom: 30px;
-          background-size: 100%;
-          position: relative;
+				.activity_li {
+					width: 633px;
+					height: 166px;
+					margin-bottom: 30px;
+					background-size: 100%;
+					position: relative;
 
-          .btn {
-            width: 121px;
-            height: 121px;
-            position: absolute;
-            top: 16px;
-            left: 479px;
-            background-size: 100%;
-          }
-        }
-      }
-    }
+					.btn {
+						width: 121px;
+						height: 121px;
+						position: absolute;
+						top: 16px;
+						left: 479px;
+						background-size: 100%;
+					}
+				}
+			}
+		}
 
-    .cloud_bottom {
-      width: 750px;
-      height: 255px;
-      margin-top: -160px;
-      @include bg_pos("../assets/img/cloud_bottom.png");
-    }
-  }
+		.cloud_bottom {
+			width: 750px;
+			height: 255px;
+			margin-top: -160px;
+			@include bg_pos("../assets/img/cloud_bottom.png");
+		}
+	}
 }
 </style>
\ No newline at end of file
diff --git a/src/components/LuckyWheel.vue b/src/components/LuckyWheel.vue
index f598180..f9399cf 100644
--- a/src/components/LuckyWheel.vue
+++ b/src/components/LuckyWheel.vue
@@ -1,128 +1,247 @@
 <template>
-    <div class="LuckyWheelCon" @touchmove.prevent>
-        <div class="LuckyWheel_container">
-            <div class="LuckyWheel_box">
-                <svg width="100%" height="100%" viewBox="-20 0 557 190" id="svg">
-                    <circle cx="100" cy="100" r="3" />
-                    <circle cx="300" cy="20" r="3" />
-                    <path id="path"
-                        d="M9,100c0,0,18.53-41.58,49.91-65.11c30-22.5,65.81-24.88,77.39-24.88c33.87,0,57.55,11.71,77.05,28.47c23.09,19.85,40.33,46.79,61.71,69.77c24.09,25.89,53.44,46.75,102.37,46.75c22.23,0,40.62-2.83,55.84-7.43c27.97-8.45,44.21-22.88,54.78-36.7c14.35-18.75,16.43-36.37,16.43-36.37" />
-                    <g id="rect">
-                        <rect width="85" height="30" fill="dodgerblue" />
-                        <text x="10" y="19" font-size="14">SVG &lt;rect&gt;</text>
-                    </g>
-                </svg>
-                <div id="div">#div</div>
-            </div>
-            <div class="btn" @click="btn">开始抽奖</div>
-        </div>
-    </div>
+	<div class="LuckyWheelCon" @touchmove.prevent>
+		<div class="LuckyWheel_container">
+			<div class="LuckyWheel_box">
+				<div class="prize p-1" ref="p1"></div>
+				<div class="prize p-2" ref="p2"></div>
+				<div class="prize p-3" ref="p3"></div>
+				<div class="prize p-4" ref="p4"></div>
+				<div class="prize p-5" ref="p5"></div>
+				<div class="prize p-1" ref="p6"></div>
+				<div class="prize p-2" ref="p7"></div>
+				<div class="prize p-3" ref="p8"></div>
+				<div class="prize p-4" ref="p9"></div>
+				<div class="prize p-5" ref="p10"></div>
+				<div class="prize p-1" ref="p11"></div>
+				<div class="prize p-2" ref="p12"></div>
+				<div class="prize p-3" ref="p13"></div>
+				<div class="prize p-4" ref="p14"></div>
+				<div class="prize p-5" ref="p15"></div>
+				<div class="prize p-5" ref="p16"></div>
+				<div class="prize p-5" ref="p17"></div>
+				<div class="prize p-5" ref="p18"></div>
+				<div class="prize p-5" ref="p19"></div>
+				<!-- <div class="prize p-3" ref="p20"></div> -->
+			</div>
+			<div class="btn" @click="btn">开始抽奖</div>
+		</div>
+	</div>
 </template>
 
 <script setup>
-import { onBeforeMount, onMounted, defineEmits, defineProps, reactive, ref, toRefs } from 'vue'
+import {
+	onBeforeMount,
+	onMounted,
+	defineEmits,
+	defineProps,
+	reactive,
+	ref,
+	toRefs,
+} from "vue";
 import gsap from "gsap";
-import axios from 'axios'
-import { Toast } from 'vant';
+import axios from "axios";
+import { Toast } from "vant";
 import { useStore } from "vuex";
 
-import { PixiPlugin } from "gsap/PixiPlugin.js";
+// import { PixiPlugin } from "gsap/PixiPlugin.js";
 import { MotionPathPlugin } from "gsap/MotionPathPlugin.js";
 // import { MorphSVGPlugin } from "gsap/MorphSVGPlugin";
 
-gsap.registerPlugin(PixiPlugin, MotionPathPlugin)
-
+gsap.registerPlugin(MotionPathPlugin);
 
 // 初始化
 const emit = defineEmits(["ServicePop"]); // 声明触发事件，对应父组件上面的方法
 const props = defineProps({ sendMessage: Object }); // 获取props
-const store = useStore()
-
-
-const eqcode = ref(require('../assets/img/pop/eqcode.png'))
+const store = useStore();
+const p1 = ref(null);
+const p2 = ref(null);
+const p3 = ref(null);
+const p4 = ref(null);
+const p5 = ref(null);
+const p6 = ref(null);
+const p7 = ref(null);
+const p8 = ref(null);
+const p9 = ref(null);
+const p10 = ref(null);
+const p11 = ref(null);
+const p12 = ref(null);
+const p13 = ref(null);
+const p14 = ref(null);
+const p15 = ref(null);
+const p16 = ref(null);
+const p17 = ref(null);
+const p18 = ref(null);
+const p19 = ref(null);
+const aniGroup = ref([]);
 
+const eqcode = ref(require("../assets/img/pop/eqcode.png"));
 
 // 页面挂载前
-onBeforeMount(() => { })
-
+onBeforeMount(() => {});
 
+onMounted(() => {
+	showDrawAni();
+});
 
+// bingo 为中奖index  对应 pArr的index
+const showDrawAni = (bingo, repeat) => {
+	const pArr = [
+		p1, // 1.08
+		p2, // 2.68
+		p3, // 6.66
+		p4, // 8.88
+		p5, // 谢谢  默认选中值
+		p6, //以下皆为填充奖品 可随便填充
+		p7,
+		p8,
+		p9,
+		p10,
+		p11,
+		p12,
+		p13,
+		p14,
+		p15,
+		p16,
+		p17,
+		p18,
+		p19,
+	];
+	const singleRate = 1 / pArr.length; // 路径平均分 单个元素在路径上的位置
+	const delta = singleRate + 0.068; // 修正偏移量
+	let rotateDelta = 0; //转到哪一个停止 | 默认为第五个奖品 谢谢参与
+	if (bingo) {
+		rotateDelta = (5 - bingo) * singleRate;
+	}
+	for (let i = 1; i < pArr.length + 1; i++) {
+		let ani = gsap.to(
+			[pArr[i - 1].value],
+			{
+				duration: 10,
+				paused: bingo ? false : true, //没有中奖结果则为初始化
+				// repeat: -1,
+				// delay: i * 0.5 - 1,
+				// stagger: 0.5,
+				// repeatDelay: 3,
+				// yoyo: true,
+				ease: "back.out(1.4)",
+				motionPath: {
+					path: "M115.37,73.45C177.05-25.14,462-22.69,535,70,686.45,248.93,797.17,321.7,324.48,321.7-121,321.7-20.39,248.93,115.37,73.45Z",
+					// align: [1, 1],
+					autoRotate: true,
+					start: i * singleRate + rotateDelta - delta, // 动画开始于路径的位置 0-1
+					end: i * singleRate + 1 + rotateDelta - delta, // 动画结束于路径的位置 0-无穷
+					offsetX: -177,
+					offsetY: -43,
+					alignOrigin: [0.5, 0],
+				},
+				onUpdate: () => {
+					// if (i === 1) console.log(ani.progress());
+				},
+			},
+			"same"
+		);
+		// 更新视图
+		ani.seek(0);
+		if (bingo && repeat) {
+			setTimeout(() => {
+				showDrawAni(bingo, false);
+			}, 800);
+		}
+	}
+};
 
 const btn = () => {
-    console.log('抽奖');
-    // gsap.to('.LuckyWheel_box', { duration: 10, repeat: -1, "rotation": '+=360' })
-    gsap.to("#rect", {
-        duration: 5,
-        repeat: 12,
-        repeatDelay: 3,
-        yoyo: true,
-        ease: "power1.inOut",
-        motionPath: {
-            path: "#path",
-            align: "#path",
-            autoRotate: true,
-            alignOrigin: [0.5, 0.5]
-        }
-    });
-
-}
-
-
+	console.log("抽奖");
+	// 中奖奖品ID
+	// 奖品 1 - 1.08
+	// 奖品 2 - 2.68
+	// 奖品 3 - 6.66
+	// 奖品 4 - 8.88
+	// 奖品 5 - 谢谢参与
+	// 第一个参数 对应奖品对应id, 第二个参数是是否多旋转一会儿 fasle旋转一圈就停止
+	showDrawAni(1, true);
+};
 </script>
 
 <style lang="scss" scoped>
 .LuckyWheelCon {
-    width: 100%;
-    height: 100%;
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background-color: rgba(0, 0, 0, 0.7);
+	width: 100%;
+	height: 100%;
+	position: fixed;
+	z-index: 10;
+	top: 0;
+	left: 0;
+	// right: 0;
+	// bottom: 0;
+	// display: flex;
+	// justify-content: center;
+	// align-items: center;
+	background-color: rgba(0, 0, 0, 0.3);
 
+	.LuckyWheel_container {
+		position: absolute;
+		top: 770px;
+		left: 0;
+		width: 760px;
+		height: 500px;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		flex-direction: column;
 
-    .LuckyWheel_container {
-        width: 750px;
-        height: 1180px;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        flex-direction: column;
+		.LuckyWheel_box {
+			// // border-width: 123px;
+			// border-style: solid;
+			// border-radius: 50%;
+			// // box-shadow: -1.569px -17.932px 16px 0px rgba(234, 6, 16, 0.16);
+			// width: 831px;
+			// height: 305px;
 
-        .LuckyWheel_box {
-
-            border-width: 123px;
-            border-style: solid;
-            border-radius: 50%;
-            box-shadow: -1.569px -17.932px 16px 0px rgba(234, 6, 16, 0.16);
-            width: 831px;
-            height: 305px;
-
-            .li {
-                width: 100px;
-                height: 100px;
-                background-color: #ff6000;
-
-            }
-
-
-        }
-
-        .btn {
-            width: 200px;
-            height: 100px;
-            text-align: center;
-            line-height: 100px;
-            font-size: 30px;
-            color: #fff;
-            background: #ff6000;
-        }
-
-    }
+			.li {
+				width: 100px;
+				height: 100px;
+				background-color: #ff6000;
+			}
+		}
 
+		.btn {
+			width: 200px;
+			height: 100px;
+			text-align: center;
+			line-height: 100px;
+			font-size: 30px;
+			color: #fff;
+			background: #ff6000;
+		}
+	}
+	.prize {
+		position: absolute;
+		width: 160px;
+		height: 96px;
+		left: 0;
+		top: 10px;
+		// 奖品图
+		&.p-1 {
+			background-image: url("~@/assets/img/p_1.png");
+			background-size: 160px 96px;
+		}
+		&.p-2 {
+			background-image: url("~@/assets/img/p_2.png");
+			background-size: 160px 96px;
+		}
+		&.p-3 {
+			background-image: url("~@/assets/img/p_3.png");
+			background-size: 160px 96px;
+		}
+		&.p-4 {
+			background-image: url("~@/assets/img/p_4.png");
+			background-size: 160px 96px;
+		}
+		&.p-5 {
+			background-image: url("~@/assets/img/p_5.png");
+			background-size: 160px 96px;
+		}
+		// background-color: #f00;
+	}
 }
 </style>
\ No newline at end of file

From 54d34dd20ed1ce506ecee44b3f54f63a95c8ce44 Mon Sep 17 00:00:00 2001
From: rucky <scl22@qq.com>
Date: Tue, 2 Aug 2022 17:14:05 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E9=98=B2=E6=AD=A2?=
 =?UTF-8?q?=E5=86=B2=E7=AA=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Index.vue b/src/components/Index.vue
index df5fea1..c817b8f 100644
--- a/src/components/Index.vue
+++ b/src/components/Index.vue
@@ -76,7 +76,7 @@
 		<!-- 添加专属服务人员企微弹窗 -->
 		<ServiceList v-if="showServicePop" @ServicePop="hideServicePop" />
 
-		<LuckyWheel v-if="true" />
+		<LuckyWheel v-if="false" />
 	</div>
 </template>