2025元宵节测试版修复

src/components/QuestionList.vue

@@ -152,7 +152,15 @@ const showPoster = () => {
             gsap.to('.ql--bottom-gift-1', { duration: 2, y: '+=20', repeat: -1, yoyo: true, ease: 'none' })
             gsap.to('.ql--bottom-gift-2', { duration: 2, y: '-=10', repeat: -1, yoyo: true, ease: 'none' })
             gsap.to('.ql--bottom-icon-2', { duration: 2, x: '-=10', repeat: -1, yoyo: true, ease: 'none' })
-            gsap.to('.ql--bottom-icon-1', { duration: 2, y: '-=10', repeat: -1, yoyo: true, ease: 'none' })
+            // 以图片为上边中间为中心旋转
+
+            gsap.fromTo('.larnten-slide', { rotation: 0 }, { duration: 2, rotation: 5, transformOrigin: 'top center', repeat: -1, yoyo: true, ease: 'none' })
+        
+            const gl = gsap.timeline({ repeat: -1 })
+            gl.to('.larnten-slide',{duration:2,rotation: -5,transformOrigin: 'top center',  ease: 'none'})
+            gl.to('.larnten-slide',{duration:2,rotation: 0,transformOrigin: 'top center',  ease: 'none'})
+            gl.to('.larnten-slide',{duration:2,rotation: 5,transformOrigin: 'top center',  ease: 'none'})
+            gl.to('.larnten-slide',{duration:2,rotation: 0,transformOrigin: 'top center',  ease: 'none'})
         }
     });
 

src/components/Result.vue

@@ -393,7 +393,7 @@ const posterCreate = (option, imageArr) => {
 
         .cls-btn {
             @include box(49px, 49px);
-            @include bg_pos("result/cls-btn.png");
+            @include bg_pos("question-list/cls-btn.png");
             margin-right: -20px;
         }
     }

src/page/Home/App.vue

@@ -251,7 +251,7 @@ const playMusic = () => {
 }
 
 #musicBtn {
-  @include pos(60px, 60px, 50px, 35px);
+  @include pos(60px, 60px, 50px, 55px);
   z-index: 99;
 }
 

src/plugins/wxshare.js

@@ -3,7 +3,7 @@ import axios from "axios";
 import { Toast } from "vant";
 import {getShareConfig } from '@/api'
 
-const imgUrl = new URL(`@/assets/images/share.jpg`, import.meta.url).href
+const imgUrl = new URL(`../assets/images/share.jpg`, import.meta.url).href
 const linkUrl = import.meta.env.VITE_HOST + import.meta.env.VITE_FOLDER
 
 export function wxShare(option) {
@@ -31,6 +31,7 @@ export function wxShare(option) {
                 ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
             })
             wx.ready(function () {
+                console.log('share config success');
                 wx.onMenuShareTimeline({
                     link: import.meta.env.VITE_URL, // 分享链接
                     title: option.title, // 分享标题
@@ -56,4 +57,5 @@ export function wxShare(option) {
         })
         .catch(() => {
         });
-}
+}
+

src/store/index.js

@@ -7,7 +7,7 @@ export const useMainStore = defineStore("counter", {
             hasDraw: true, //是否有抽奖机会
             token: '',
             posterId: 3,    //测试结果
-            hasPrize: true,  //是否有奖品
+            hasPrize: false,  //是否有奖品
             prizeCode: 'oggSVMbeLgSK', //兑换码
             prizeMoney: '8.88', //金额
             drawKey: '',

字体压缩.txt

@@ -1,142 +1,296 @@
+export const data = [
+  {
+    id: 1,
+    question: ["把户口迁到一块"],
+    answer: [
+      {
+        aid: "A",
+        text: ["启"],
+        result: "correct",
+      },
+      {
+        aid: "B",
+        text: ["航"],
+        result: "incorrect",
+      },
+    ],
+    analysis: [
+        `<span style="color:#ffe2ad">启航</span>系列旗下产品连续3年获得金牛奖。`,
+        `（2022-2024年）`,
+      ],
+  },
+  {
+    id: 2,
+    question: ["演出时间，不要说话"],
+    answer: [
+      {
+        aid: "A",
+        text: ["灵"],
+        result: "incorrect",
+      },
+      {
+        aid: "B",
+        text: ["活"],
+        result: "correct",
+      },
+    ],
+    analysis: [
+      `<span style="color:#ffe2ad">灵活成长</span>系列是低波稳健的持有期固收产品，`,
+      `同时兼顾流动性和收益空间。`,
+    ],
+  },
+  {
+    id: 3,
+    question: ["秋前隐后最可靠"],
+    answer: [
+      {
+        aid: "A",
+        text: ["稳"],
+        result: "correct",
+      },
+      {
+        aid: "B",
+        text: ["健"],
+        result: "incorrect",
+      },
+    ],
+    analysis: [
+      `<span style="color:#ffe2ad">稳健精选</span>是主投低波稳健类资产的封闭产品系列，`,
+      `史到期兑付正收益概率100%（数据时间2025.1.9）。`,
+    ],
+  },
+  {
+    id: 4,
+    question: ["上等木料来造桥"],
+    answer: [
+      {
+        aid: "A",
+        text: ["策"],
+        result: "correct",
+      },
+      {
+        aid: "B",
+        text: ["略"],
+        result: "incorrect",
+      },
+    ],
+    analysis: [
+      `<span style="color:#ffe2ad">启元策略系列</span>运用自研利率债量化交易模型，`,
+      `时代有助提升收益的固收理财。`,
+    ],
+  },
+  {
+    id: 5,
+    question: ["秋前别后再相聚"],
+    answer: [
+      {
+        aid: "A",
+        text: ["稳"],
+        result: "incorrect",
+      },
+      {
+        aid: "B",
+        text: ["利"],
+        result: "correct",
+      },
+    ],
+    analysis: [
+      `<span style="color:#ffe2ad">启元稳利</span>以低波资产筑底，是闲钱理财升级好去处。`,
+    ],
+  },
+  {
+    id: 6,
+    question: ["宝玉不在姑娘在"],
+    answer: [
+      {
+        aid: "A",
+        text: ["安"],
+        result: "correct",
+      },
+      {
+        aid: "B",
+        text: ["鑫"],
+        result: "incorrect",
+      },
+    ],
+    analysis: [
+      `<span style="color:#ffe2ad">新安鑫</span>系列运用结构化工具风险向下有底，收益向上有空间，`,
+      `是投资者参与股市指数的“安鑫”之选。`,
+    ],
+  },
+  {
+    id: 7,
+    question: ["水帘洞二十三"],
+    answer: [
+      {
+        aid: "A",
+        text: ["坤"],
+        result: "incorrect",
+      },
+      {
+        aid: "B",
+        text: ["润"],
+        result: "correct",
+      },
+    ],
+    analysis: [
+      `<span style="color:#ffe2ad">坤润红利价值</span>的红利低波策略可筛选出低估值、`,
+      `高股息、高质量企业。`,
+    ],
+  },
+  {
+    id: 8,
+    question: ["太阳的儿子"],
+    answer: [
+      {
+        aid: "A",
+        text: ["星"],
+        result: "correct",
+      },
+      {
+        aid: "B",
+        text: ["辰"],
+        result: "incorrect",
+      },
+    ],
+    analysis: [
+      `<span style="color:#ffe2ad">星辰</span>系列以价值投资为基础，构建低风险低估值`,
+      `和持续成长的组合，是以绝对收益为目标的含权理财。`,
+    ],
+  },
+  {
+    id: 9,
+    question: ["人来凑成桌"],
+    answer: [
+      {
+        aid: "A",
+        text: ["卓"],
+        result: "correct",
+      },
+      {
+        aid: "B",
+        text: ["越"],
+        result: "incorrect",
+      },
+    ],
+    analysis: [
+      `<span style="color:#ffe2ad">卓越稳健</span>系列是适合中长期配置需求的“固收+理财”，`,
+      `在低息环境下通过合理的资产配置突显股债性价比。`,
+    ],
+  },
+  {
+    id: 10,
+    question: ["相逢立即成知音"],
+    answer: [
+      {
+        aid: "A",
+        text: ["智"],
+        result: "correct",
+      },
+      {
+        aid: "B",
+        text: ["享"],
+        result: "incorrect",
+      },
+    ],
+    analysis: [
+      `<span style="color:#ffe2ad">智享全周期</span>运用全天候策略均衡配置全球多元资产，`,
+      `助力投资者把握全球市场的交易机会。`,
+    ],
+  },
+  {
+    id: 11,
+    question: ["春来又听泉声响"],
+    answer: [
+      {
+        aid: "A",
+        text: ["智"],
+        result: "correct",
+      },
+      {
+        aid: "B",
+        text: ["享"],
+        result: "incorrect",
+      },
+    ],
+    analysis: [
+      `<span style="color:#ffe2ad">权心全益</span>是平安理财发挥多资产多策略投资优势，`,
+      `用心捕捉权益市场机会，打造稳健的含权产品体系。`,
+    ],
+  },
+];
 
-<template>
-    <div class="RulePage" @touchmove.prevent>
-        <div class="rule-container">      <div class="index-agreement">
-          风险提示: 本材料由平安理财有限责任公司(以下简称“平安理财”)制作并提供。<span
-          class="b">本资料内容及观点仅供参考，不构成对任何人的投资建议。</span>以上产品投资管理机构/管理人为平安理财，代理销售机构不承担产品的投资、兑付和风险管理的责任。以上产品通过代理销售机构渠道销售的，产品风险评级应当以代理销售机构最终披露的评级结果为准。以上产品为非保本浮动收益理财产品，具体以产品说明书或产品公告披露为准。产品的业绩比较基准指管理人基于过往投资经验以及对产品存续期投资市场波动的预判而对本产品所设定的投资目标，业绩比较基准不是预期收益率，不代表产品的未来表现和实际收益，不构成对产品收益的承诺。<span
-          class="b">理财产品过往业绩不代表其未来表现，不等于理财产品实际收益，投资须谨慎。过往业绩相关数据已经托管人核对。</span><span class="orange">理财非存款，产品有风险，投资须谨慎。</span>金融消费者不得利用金融产品和服务从事违法活动。
-      </div>
-            <div class="content">
-                <div class="rule-content">
-                    <div class="rule-text-area wrapper">
-                        <div>
-                        <div class="part">
-                            <div>活动时间：2024年7月31日——8月2日</div>
-                            <div>活动奖励：微信红包</div>
-                        </div>
-                        <div class="part">第{{ questionList[currentId].id }}题
-                            <div>活动攻略：</div>
-                            <div>
-                                1、进入活动参加【好理在手 邂逅清凉一夏】答题，共设计3道题目，全部选择完毕后即可参与抽奖活动；
-                            </div>
-                            <div>2、活动期间不限制参与答题次数，每人每日有1次抽奖机会。</div>
-                        </div>
-                        <div class="part">
-                            <div>领奖说明：</div>
-                            <div>
-                                <span class="blod">1、中奖后在中奖页面复制兑换码，前往[平安理财服务号] 消息框输入“清凉一夏”获取兑换链接，进入链接输入兑换码兑换奖品。</span>如关闭了中奖界面，可在首页-[我的奖品] 内查看兑换码；
-                            </div>
-                            <div>2、成功领奖后，奖品将会在24小时内自动到账，请耐心等候；</div>
-                            <div>3、中奖人请在活动结束前进行兑换，逾期视为弃权。</div>
-                            <div class="part">其他：</div>
-                            <div>
-                                活动期间如遇到任何问题，请在<span class="blod">[平安理财服务号]</span>后台咨询，我们会在一个工作日内回复。
-                            </div>
-                            <div class="part">说明：平安理财有权对活动规则进行解释</div>
-                        </div>
-                        <div class="part">
-                            <div>活动规则：</div>
-                            <div>
-                                1、本活动由平安理财有限责任公司主办，为保证活动的公平公正，活动结束后主办方将对中奖用户信息进行核对，用户若有下列任何一种行为或情况的，主办方有权不经另行通知，取消其参与活动以及获奖资格，收回奖品权益，井保留追究其法律责任的权利:
-                            </div>
-                            <div>
-                                (1) 以任何机器人软件、蜘蛛软件、爬虫软件、刷奖软件或其它任何自动方式不正当手段等参与本活动；
-                            </div>
-                            <div>
-                                (2) 同一用户(包含相同手机号、相同收货信息、相同移动设备号、相同IP地址等) 单日内恶意切换微信账号参加活动，扰乱正常抽奖秩序，影响活动公平性的;
-                            </div>
-                            <div>
-                                (3) 有任何违反法律法规、诚实信用、公序良俗、公平公正、平安理财平台规则等行为;
-                            </div>
-                            <div>
-                                2、平安理财保留调整、暂停和终止本活动的权利，并经公告后生效;
-                            </div>
-                            <div>
-                                3、用户参与本活动，即视为理解并同意本活动细则。在法律规定的范围内，平安理财有权对活动规则进行解释，并根据活动实际情况对本活动的规则进行变动或调整，相关变动或调整将公布在规则页面，并于公布时即时生效。
-                            </div>
-                        </div>
-                        <div class="margin-bottom-area"></div>
-                    </div>
-                    </div>
-                </div>
-                <div class="rule-bottom-bg"></div>
-                <div class="rule-arrow"></div>
-                <div class="rule-icon"></div>
+1234567890.,/?
+    <!-- 海报弹窗 -->
+    <div class="posterPop" @touchmove.prevent>
+        <div class="cls-btn-box">
+            <div class="cls-btn" @click="hidePop($event)"></div>
+        </div>
+        <div class="poster-box">
+            <div class="poster" :class="'poster-' + posterId">
+                <img id="posterSrc" src="" alt="" srcset="">
             </div>
         </div>
-        <div class="rule-cls-btn" @click="hide($event)"></div>
+        <div class="save-tips">*长按保存海报</div>
+        <div class="btn-box">
+            <div class="go-draw" @click="goDraw($event)"></div>
+            <div class="go-share" @click="goShare($event)"></div>
+        </div>
     </div>
-</template>  
-1234567890,./
-export const data = [
-    {
-        id: 1,
-        question: [
-            '激情夏日温度攀升，理财投资热情高涨。当理财市场有波动、收益上涨，别人劝你搏一搏时，正确的做法是:',
-        ],
-        answer: [
-            {
-                aid: 'A',
-                text: [
-                    '当然all in，我就是热点中心',
-                ],
-                result:'incorrect',
-            },
-            {
-                aid: 'B',
-                text: [
-                    '鸡蛋不放在一个篮子里，样样都来点儿',
-                ],
-                result:'correct',
-            },
-        ],
-        analysis: ['解析：选择B。虽然市场热点可能带来诱人的收益，但理财的基本原则是风险管理。通过将投资分散在不同的理财产品和市场，可以降低单一投资的风险，争取资产增长的机会。']
-    },
-    {
-        id: 2,
-        question: [
-            '2、夏日闲钱早规划，get生活小确幸。长期来看，选择哪类型理财，可以较稳健地进行闲钱进阶？',
-        ],
-        answer: [
-            {
-                aid: 'A',
-                text: [
-                    '较低风险的现金类产品',
-                ],
-                result:'incorrect',
-            },
-            {
-                aid: 'B',
-                text: [
-                    '策略稳健的固收类理财产品',
-                ],
-                result:'correct',
-            },
-        ],
-        analysis: ['解析：选择B。现金类产品具有高流动性的特征，更适合日常流动资金。但在长期限选择中，固收理财拥有较大的投资范围和空间，运用策略提供稳健体验，有效平衡风险，力争增厚收益机会，闲钱再进阶。因此不同的资金用途记得匹配不同产品噢。']
-    },
-    {
-        id: 3,
-        question: [
-            '3、夏天的快乐是多巴胺旅行给的！想要一场说走就走的快乐，平时的旅行备用金该如何准备才好呢？',
-        ],
-        answer: [
-            {
-                aid: 'A',
-                text: [
-                    '购买最短持有期理财产品，享灵活与收益空间',
-                ],
-                result:'correct',
-            },
-            {
-                aid: 'B',
-                text: [
-                    '船到桥头自然直',
-                ],
-                result:'incorrect',
-            },
-        ],
-        analysis: ['解析：选择A。最短持有期理财产品拥有较为灵活的申赎机制，在持有时间超过最短持有的时间要求后，随时可发起赎回，闲置时力争收益机会，用钱时满足你的流动性需求。']
-    },
-]
-abAbB元
+    <!-- 分享提示 -->
+    <div class="sharePop" @click="hideShare">
+        <div class="tips-pic"></div>
+        <div class="tips-text">点击右上角分享给你的好友！</div>
+                                <div>
+                            <div class="part">
+                                <div>活动时间：2025年2月12日——2月14日</div>
+                                <div>活动奖励：微信红包</div>
+                            </div>
+                            <div class="part">
+                                <div>活动攻略：</div>
+                                <div>
+                                    1、【猜灯谜赢红包
+                                    欢欢喜喜闹元宵】活动共设计11道题目，首页进入后左右滑动选择您喜欢的花灯，点击进行猜灯谜，答对后即可获取专属花灯海报，并参与抽奖；答错时将跳转回选择花灯的页面，重新答题。
+                                </div>
+                                <div>2、活动期间不限制参与猜灯谜次数，每人每日有1次抽奖机会。</div>
+                            </div>
+                            <div class="part">
+                                <div>领奖说明：</div>
+                                <div>
+                                    1、中奖后在中奖页面复制兑换码，前往<span
+                                        class="blod">[平安理财服务号]</span>消息框输入“元宵快乐”获取兑换链接，进入链接输入兑换码兑换奖品。如关闭了中奖界面，可在首页-[我的奖品]
+                                    内查看兑换码；
+                                </div>
+                                <div>2、成功领奖后，奖品将会在24小时内自动到账，请耐心等候；</div>
+                                <div>3、中奖人请在活动结束前进行兑换，逾期视为弃权。</div>
+                                <div class="part">其他：</div>
+                                <div>
+                                    活动期间如遇到任何问题，请在<span class="blod">[平安理财服务号]</span>后台咨询，我们会在一个工作日内回复。
+                                </div>
+                                <div class="part">说明：平安理财有权对活动规则进行解释</div>
+                            </div>
+                            <div class="part">
+                                <div>活动说明：</div>
+                                <div>
+                                    （1）本活动由平安理财有限责任公司主办，为保证活动的公平公正，活动结束后主办方将对中奖用户信息进行核对，用户若有下列任何一种行为或情况的，主办方有权不经另行通知，取消其参与活动以及获奖资格，收回奖品权益，并保留追究其法律责任的权利：
+                                </div>
+                                <div>
+                                    (2)以任何机器人软件、蜘蛛软件、爬虫软件、刷奖软件或其它任何自动方式、不正当手段等参与本活动;-同一用户(包含相同手机号、相同收货信息、相同移动设备号、相同IP地址等）单日内恶意切换微信账号参加活动，扰乱正常抽奖秩序，影响活动公平性的；
+                                </div>
+                                <div>
+                                    (3)有任何违反法律法规、诚实信用、公序良俗、公平公正、平安理财平台规则等行为；
+                                </div>
+                                <div>
+                                    (4)平安理财保留调整、暂停和终止本活动的权利，并经公告后生效；
+                                </div>
+                                <div>
+                                    (5)用户参与本活动，即视为理解并同意本活动细则。在法律法规及监管规定的范围内，平安理财有权对活动规则进行解释，并根据活动实际情况对本活动的规则进行变动或调整，相关变动或调整将公布在规则页面，并于公布时即时生效。
+                                </div>
+
+                                    <div class="index-agreement">
+        风险提示:本材料由平安理财有限责任公司(以下简称“平安理财”)制作并提供。<span
+          class="b">本资料内容及观点仅供参考，不构成对任何人的投资建议。</span>以上产品投资管理机构/管理人为平安理财，代理销售机构不承担产品的投资、兑付和风险管理的责任。以上产品通过代理销售机构渠道销售的，产品风险评级应当以代理销售机构最终披露的评级结果为准。以上产品为非保本浮动收益理财产品，具体以产品说明书或产品公告披露为准。产品的业绩比较基准指管理人基于过往投资经验以及对产品存续期投资市场波动的预判而对本产品所设定的投资目标，业绩比较基准不是预期收益率，不代表产品的未来表现和实际收益，不构成对产品收益的承诺。<span
+          class="b">理财产品过往业绩不代表其未来表现，不等于理财产品实际收益，投资须谨慎。过往业绩相关数据已经托管人核对。</span><span
+          class="orange">理财非存款，产品有风险，投资须谨慎。</span>金融消费者不得利用金融产品和服务从事违法活动。
+      </div>                <div class="select-text">选择一盏灯你喜欢的花灯</div>
+                <div class="select-text">开始猜谜吧</div>