diff --git a/src/assets/images/prize/copy-btn2.png b/src/assets/images/prize/copy-btn2.png new file mode 100644 index 0000000..a045425 Binary files /dev/null and b/src/assets/images/prize/copy-btn2.png differ 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: '邂逅清凉一夏', }, } },