整合

src/components/Draw.vue

@@ -16,8 +16,8 @@ const { toClipboard } = useClipboard()
 const money = ref("1.88");
 const code = ref("PAKJ2025");
 
-const showResult = ref(true);
+const showResult = ref(false);
-const hasPrize = ref(true);
+const hasPrize = ref(false);
 
 const drawFn = (event) => {
   let e = event.target.parentElement;
@@ -243,6 +243,7 @@ onMounted(() => {
     }
 
     .money {
+
       @include pos(390px, 130px, 110px, 200px);
       @include flexCen();
       color: #e95b46;
@@ -250,7 +251,6 @@ onMounted(() => {
       font-size: 58px;
       letter-spacing: 4px;
       // background-color: rgb(217, 0, 255);
-
     }
 
     .code-box {
@@ -263,11 +263,12 @@ onMounted(() => {
       font-weight: 700;
       color: #fff6cc;
 
-      span{
+      span {
         height: 77px;
         line-height: 65px;
       }
-      .code{
+
+      .code {
         margin-right: 10px;
 
       }
@@ -278,6 +279,31 @@ onMounted(() => {
       }
     }
 
+    .exchange-tips {
+      @include pos(390px, 152px, 110px, 558px);
+      display: flex;
+      flex-direction: row;
+      align-items: start;
+      justify-content: flex-start;
+      font-size: 20px;
+      // font-weight: 700;
+      color: #fff6cc;
+      letter-spacing: 2px;
+      // background-color: aqua;
+    }
+
+    .exchnage-tips2 {
+      @include pos(390px, 52px, 110px, 638px);
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: center;
+      font-size: 15px;
+      // font-weight: 700;
+      color: #fff6cc;
+      // background-color: aqua;
+    }
+
     .cls-btn {
       @include pos(82px, 82px, 517px, 114px);
       @include bg_pos("prize/cls-btn.png");

src/components/MyPrize.vue

@@ -49,15 +49,20 @@ onMounted(() => {
 <template>
   <div class="MyPrizePage">
     <div class="myPrize-container">
+      <div class="myPrize-title">恭喜您抽中</div>
       <div class="myPrize-money">¥{{ money }}元</div>
+      <div class="myPrize-text">奖励抽到手，快乐马上有</div>
       <div class="myPrize-code-box">
+        <span>兑奖码：</span>
         <div class="code">{{ code }}</div>
         <div class="myPrize-copy-btn" @click="copyFn($event)"></div>
       </div>
+      <div class="exchange-tips">兑换流程：前往微信搜索【平安理财服务号】公众号发送“五一快乐”获取兑奖链接，输入兑换码兑换奖品</div>
+      <div class="exchnage-tips2">（兑换码可在主页面“我的奖品” 再次查看并复制）</div>
       <div class="myPrize-cls-btn" @click="hide($event)"></div>
     </div>
   </div>
-</template>  
+</template>
 
 <style lang="scss" scoped>
 .MyPrizePage {
@@ -68,7 +73,28 @@ onMounted(() => {
   .myPrize-container {
     position: relative;
     @include box(665px, 731px);
-    @include bg_pos("prize/myPrize-box.png");
+    @include bg_pos("prize/myPrize-box2.png");
+
+    .myPrize-title {
+      @include pos(390px, 100px, 110px, 140px);
+      font-size: 40px;
+      color: #e95b46;
+      font-weight: 700;
+      letter-spacing: 3px;
+      // background-color: aqua;
+      @include flexCen();
+    }
+
+    .myPrize-text {
+      @include pos(390px, 100px, 110px, 300px);
+      font-size: 30px;
+      color: #e95b46;
+      font-weight: 700;
+      letter-spacing: 0;
+      // background-color: aqua;
+      @include flexCen();
+
+    }
 
     .myPrize-money {
       @include pos(370px, 81px, 139px, 239px);
@@ -82,10 +108,21 @@ onMounted(() => {
     }
 
     .myPrize-code-box {
-      @include pos(312px, 52px, 197px, 508px);
+      @include pos(390px, 52px, 110px, 500px);
       display: flex;
       flex-direction: row;
       align-items: center;
+      justify-content: flex-start;
+      font-size: 25px;
+      font-weight: 700;
+      color: #fff6cc;
+
+
+      span {
+        // height: 77px;
+        line-height: 65px;
+      }
+
 
       .code {
         font-size: 25px;
@@ -100,6 +137,32 @@ onMounted(() => {
       }
     }
 
+    .exchange-tips {
+      @include pos(390px, 152px, 110px, 558px);
+      display: flex;
+      flex-direction: row;
+      align-items: start;
+      justify-content: flex-start;
+      font-size: 20px;
+      // font-weight: 700;
+      color: #fff6cc;
+      letter-spacing: 2px;
+      // background-color: aqua;
+    }
+
+    .exchnage-tips2 {
+      @include pos(390px, 52px, 110px, 638px);
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: center;
+      font-size: 15px;
+      // font-weight: 700;
+      color: #fff6cc;
+      // background-color: aqua;
+    }
+
+
     .myPrize-cls-btn {
       @include pos(82px, 82px, 517px, 114px);
       @include bg_pos("prize/cls-btn.png");

src/components/Rule.vue

@@ -33,16 +33,15 @@ onMounted(() => {
                     <div class="rule-text-area wrapper">
                         <div>
                             <div class="part">
-                                <div>活动时间：2025年2月12日——2月14日</div>
+                                <div>活动时间：2025年4月27日——4月30日</div>
                                 <div>活动奖励：微信红包</div>
                             </div>
                             <div class="part">
                                 <div>活动攻略：</div>
                                 <div>
-                                    1、【猜灯谜赢红包
+                                    1、【打卡理想假期，五一好礼等你】活动共设计5道题目，首页进入后左右滑动选择您想打卡的地点，点击进行答题，答对后即可获取专属打卡海报，并参与抽奖；答错时将跳转回选择打卡地点的页面，重新答题。
-                                    欢欢喜喜闹元宵】活动共设计11道题目，首页进入后左右滑动选择您喜欢的花灯，点击进行猜灯谜，答对后即可获取专属花灯海报，并参与抽奖；答错时将跳转回选择花灯的页面，重新答题。
                                 </div>
-                                <div>2、活动期间不限制参与猜灯谜次数，每人每日有1次抽奖机会。</div>
+                                <div>2、活动期间不限制参与答题次数，每人每日有1次抽奖机会。</div>
                             </div>
                             <div class="part">
                                 <div>领奖说明：</div>
@@ -53,11 +52,12 @@ onMounted(() => {
                                 </div>
                                 <div>2、成功领奖后，奖品将会在24小时内自动到账，请耐心等候；</div>
                                 <div>3、中奖人请在活动结束前进行兑换，逾期视为弃权。</div>
-                                <div class="part">其他：</div>
+                            </div>
-                                <div>
+
-                                    活动期间如遇到任何问题，请在<span class="blod">[平安理财服务号]</span>后台咨询，我们会在一个工作日内回复。
+                            <div class="part">
-                                </div>
+                                <div>其他：</div>
-                                <div class="part">说明：平安理财有权对活动规则进行解释</div>
+                                活动期间如遇到任何问题，请在<span class="blod">[平安理财服务号]</span>后台咨询，我们会在一个工作日内回复。
+                                <div>说明：平安理财有权对活动规则进行解释</div>
                             </div>
                             <div class="part">
                                 <div>活动说明：</div>

src/page/Home/App.vue

@@ -102,7 +102,7 @@ const onShowResult = (item) => {
 }
 
 
-const showDraw = ref(true);
+const showDraw = ref(false);
 const drawFn = (item) => {
   if (item.action == "hide") {
     showDraw.value = false;