更新初版

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");
       }
     }
 

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;

src/components/MyPrize.vue

@@ -48,7 +48,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <div class="MyPrizePage">
+  <div class="MyPrizePage" @touchmove.prevent>
     <div class="myPrize-container">
       <div v-if="hasPrize" class="myPrize-has-prize">
         <div class="myPrize-icon"></div>
@@ -59,7 +59,7 @@ onMounted(() => {
         </div>
         <div class="myPrize-tips">兑换流程：前往微信搜索【平安理财服务号】公众号发送“清凉一夏”获取兑奖链接，输入兑换码兑换奖品。</div>
       </div>
-      <div class="myPrize-no-prize">
+      <div v-else class="myPrize-no-prize">
         暂无中奖记录
       </div>
     </div>
@@ -121,6 +121,7 @@ onMounted(() => {
       .myPrize-tips{
         width: 70%;
         font-size: 20px;
+        line-height: 27px;
         // padding: 0px 100px;
 
       }
@@ -135,6 +136,7 @@ onMounted(() => {
       color: #6b6b6b;
       font-size: 50px;
       line-height: 400px;
+      pointer-events: none;
     }
 
     

src/components/Question.vue

@@ -187,7 +187,7 @@ onMounted(() => {
       :percentage="((currentId + 1) / 3) * 100"
       pivot-color="#7232dd"
       :show-pivot="false"
-      color="linear-gradient(to right, rgb(255 153 153), rgb(221 50 50))"
+      color="linear-gradient(to right, rgb(49, 116, 246), rgb(83, 131, 227))"
     />
   </div>
 </template>
@@ -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 {

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 });
   });

src/data/imgList.js

@@ -13,6 +13,7 @@ const page = [
   "index/title.png",
   "index/island.png",
   
+  "prize/copy-btn2.png",
   "prize/copy-btn.png",
   "prize/cls-btn.png",
   "prize/got-btn.png",

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 = () => {

vite.config.js

@@ -33,7 +33,7 @@ export default defineConfig(({ command, mode }) => {
             template: 'index.html',
             injectOptions: {
               data: {
-                title: '猜灯谜闹元宵',
+                title: '邂逅清凉一夏',
               },
             }
           },