From 70c6784caceb16721e707ed68fc036f8b7d203f9 Mon Sep 17 00:00:00 2001 From: Liangzejun Date: Mon, 22 Jul 2024 15:36:57 +0800 Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E5=88=9D=E7=89=88?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/images/prize/copy-btn2.png | Bin 0 -> 1101 bytes src/components/Draw.vue | 2 +- src/components/Index.vue | 4 ++-- src/components/MyPrize.vue | 6 ++++-- src/components/Question.vue | 20 +------------------- src/components/Result.vue | 6 +++++- src/data/imgList.js | 3 ++- src/plugins/index.js | 2 +- vite.config.js | 2 +- 9 files changed, 17 insertions(+), 28 deletions(-) create mode 100644 src/assets/images/prize/copy-btn2.png diff --git a/src/assets/images/prize/copy-btn2.png b/src/assets/images/prize/copy-btn2.png new file mode 100644 index 0000000000000000000000000000000000000000..a045425389c3b92c64f87d6013a034523aaabecf GIT binary patch literal 1101 zcmeAS@N?(olHy`uVBq!ia0vp^zCf(b!3-p8cbM)2Qs)DFLR^9LB3&(F(AUXgKxO|g znLrf(KX3GRp6LHerk670_WCIU1%J&E`#ez`r~oK3^rqer&M*Jj?F?5uJAx&i_y7{W)s> zb)oI+RM$88F8`0|{NJzff1Bd}m6G39+WbFj_f#6(Zy=clDT7B4THJhb`8_eVE(Y?wc*vLq)h z_)mpC0|PU&r;B5V$ML0CI?EOrNU%O|T%*t=vNiAOyKJVmP=OEiEye%<^VJnwdOi0b$4s$u0#tI{snYL~UIdcH2;z4YJs zeZ^-3><->jTQTE`+BEa$>*t81PRhKl>v#E3qC-Vrv&3?_GJ%#GW;I7n`EEPC)pH~3 zxua>#(HE3*Zf@JV(NK+**Y}_4dER4*VYfG2w0!n3>Shf0^Blg2tj`Tcg+9*j@Y?$O z@v4P2GH;%)lI3onvEcEpsaY#dZ{ZJl!m;f2;YWY78ryZXk4$8}IXz3>r`j?7;PL`p z<4xLE<7RvdSyp+@e^Gp|#e@$QajR?t*L>Weby4ZHdJJ>F0RMZ=B_(&m`gt#8wI7|y z#^!%y`>gc1Wk1`cLMF>U`dp-Wzg>5iPxMj#BIYfDkHk0Ho~xOfy<6c>m_W$o@h?)u&*opm<2 z+S};vg7xiYUlgJub27KNE?fCtt>7KkQ~uhFgXR%?9{00^D1R~9a5j%WYUhPBHQ_7O zR(eVAaDFpiZ|d&aU8$SiM%>GMDX{;W+l}IijXyS+oZYr)Q|yJP=6RXxrhC5GT(==n zJbmk@$0?j=tD2{=MLEm8I=e43=>3Ev8(-_iTrYpf*WcaBzfd`+q0M%&`L8+|b@mMk zf0x;%EZ?qttyPo9pr9;tn!`q))?GIkdwsWReyL9T`sJ6?WZxU%-FZF4PlE`IsIbp6r;m$vr#Y?M)#oV8-R$kMt> zk)=z!XDJryJTGmVwW@2nd+650_UQC^I-cg&T_&aE&8_aewKem}n*F|4iyr46y&4D1 OL=2v;elF{r5}E)L9UY+n literal 0 HcmV?d00001 diff --git a/src/components/Draw.vue b/src/components/Draw.vue index 1cede49..e97963e 100644 --- a/src/components/Draw.vue +++ b/src/components/Draw.vue @@ -242,7 +242,7 @@ onMounted(() => { .copy-btn { @include box(77px, 39px); - @include bg_pos("prize/copy-btn.png"); + @include bg_pos("prize/copy-btn2.png"); } } diff --git a/src/components/Index.vue b/src/components/Index.vue index 757216e..41e4dfe 100644 --- a/src/components/Index.vue +++ b/src/components/Index.vue @@ -57,7 +57,7 @@ onMounted(() => { autoAlpha: 0, delay: 0.5, onComplete:()=>{ - // gsap.to('.index-cloud',{duration:2,x:-30,repeat:-1,yoyo:true,ease:'none'}) + gsap.to('.index-start-btn',{duration:1,scale:'0.9',repeat:-1,yoyo:true,ease:'bounce.in'}) gsap.to('.index-cloud-1',{duration:2,x:-30,repeat:-1,yoyo:true,ease:'none'}) gsap.to('.index-cloud-2',{duration:2,x:30,repeat:-1,yoyo:true,ease:'none'}) gsap.to('.index-tree-1',{duration:2,y:10,repeat:-1,yoyo:true,ease:'none'}) @@ -183,7 +183,7 @@ const showVC = () => { .index-agreement { font-family: 'HarmonyOS_Sans_SC_Regular'; pointer-events: none; - @include pos(736px, 182px, 7px, 1203px); + @include pos(736px, 182px, 7px, 1230px); background-color: rgba(255, 255, 255,0.75); font-size: 14px; text-align: justify; diff --git a/src/components/MyPrize.vue b/src/components/MyPrize.vue index d45fe32..bd5fcc4 100644 --- a/src/components/MyPrize.vue +++ b/src/components/MyPrize.vue @@ -48,7 +48,7 @@ onMounted(() => { @@ -202,24 +202,6 @@ onMounted(() => { transform: translateY(-50%); @include bg_pos("qa/bg.jpg"); - .question-bottom-bg { - pointer-events: none; - @include box(750px, 393px); - position: absolute; - left: 0px; - bottom: 0px; - @include bg_pos("qa/bottom-bg.png"); - } - - .bottom-fan-1 { - @include pos(370px, 334px, 545px, 1022px); - @include bg_pos("index/fan-3.png"); - } - - .bottom-fan-2 { - @include pos(350px, 205px, 494px, 1128px); - @include bg_pos("index/fan-4.png"); - } } .question-container { diff --git a/src/components/Result.vue b/src/components/Result.vue index ef34f4f..cf5c834 100644 --- a/src/components/Result.vue +++ b/src/components/Result.vue @@ -56,6 +56,10 @@ onMounted(() => { y: 20, autoAlpha: 0, delay:1, + onComplete:()=>{ + gsap.to('.create-poster',{duration:1,scale:'0.9',repeat:-1,yoyo:true,ease:'bounce.in'}) + + } }); }); @@ -116,7 +120,7 @@ const hidePop = (event) => { // 展示分享 const goShare = (event) => { - let e = event.target; + let e = event.target.parentElement; debounceTap(e, () => { gsap.to(".sharePop", { duration: 0.5, autoAlpha: 1 }); }); diff --git a/src/data/imgList.js b/src/data/imgList.js index 4438ee5..34730c1 100644 --- a/src/data/imgList.js +++ b/src/data/imgList.js @@ -12,7 +12,8 @@ const page = [ "index/tree-1.png", "index/title.png", "index/island.png", - + + "prize/copy-btn2.png", "prize/copy-btn.png", "prize/cls-btn.png", "prize/got-btn.png", diff --git a/src/plugins/index.js b/src/plugins/index.js index 8dc8f30..c329196 100644 --- a/src/plugins/index.js +++ b/src/plugins/index.js @@ -328,7 +328,7 @@ export function addPointByBd(des) { } // 防抖函数 -export function debounceTap(target, callbacks, timeScale = 1) { +export function debounceTap(target, callbacks, timeScale = 0.7) { if (!btnEnable.value) return false btnEnable.value = false; let createAni = () => { diff --git a/vite.config.js b/vite.config.js index e75fe81..266a2fb 100644 --- a/vite.config.js +++ b/vite.config.js @@ -33,7 +33,7 @@ export default defineConfig(({ command, mode }) => { template: 'index.html', injectOptions: { data: { - title: '猜灯谜闹元宵', + title: '邂逅清凉一夏', }, } },