diff --git a/src/assets/font/AlimamaShuHeiTi.ttf b/src/assets/font/AlimamaShuHeiTi.ttf deleted file mode 100644 index 3990c33..0000000 Binary files a/src/assets/font/AlimamaShuHeiTi.ttf and /dev/null differ diff --git a/src/assets/font/DouyinSansBold.otf b/src/assets/font/DouyinSansBold.otf new file mode 100644 index 0000000..d63f58d Binary files /dev/null and b/src/assets/font/DouyinSansBold.otf differ diff --git a/src/assets/font/HYYakuHei-85W.ttf b/src/assets/font/HYYakuHei-85W.ttf deleted file mode 100644 index a10bf7c..0000000 Binary files a/src/assets/font/HYYakuHei-85W.ttf and /dev/null differ diff --git a/src/assets/font/HarmonyOS_Sans_SC_Regular.ttf b/src/assets/font/HarmonyOS_Sans_SC_Regular.ttf new file mode 100644 index 0000000..aff150a Binary files /dev/null and b/src/assets/font/HarmonyOS_Sans_SC_Regular.ttf differ diff --git a/src/assets/font/SourceHanSansCN-Regular.ttf b/src/assets/font/SourceHanSansCN-Regular.ttf deleted file mode 100644 index ed424aa..0000000 Binary files a/src/assets/font/SourceHanSansCN-Regular.ttf and /dev/null differ diff --git a/src/assets/font/SourceHanSansCNMedium.ttf b/src/assets/font/SourceHanSansCNMedium.ttf deleted file mode 100644 index 32709d6..0000000 Binary files a/src/assets/font/SourceHanSansCNMedium.ttf and /dev/null differ diff --git a/src/assets/font/fzcy.ttf b/src/assets/font/fzcy.ttf deleted file mode 100644 index ea0e8dc..0000000 Binary files a/src/assets/font/fzcy.ttf and /dev/null differ diff --git a/src/assets/font/fzzy.ttf b/src/assets/font/fzzy.ttf deleted file mode 100644 index d44c759..0000000 Binary files a/src/assets/font/fzzy.ttf and /dev/null differ diff --git a/src/assets/images/index/bg.jpg b/src/assets/images/index/bg.jpg index d20a454..61b6a65 100644 Binary files a/src/assets/images/index/bg.jpg and b/src/assets/images/index/bg.jpg differ diff --git a/src/assets/images/index/bottom-bg.png b/src/assets/images/index/bottom-bg.png new file mode 100644 index 0000000..19e7865 Binary files /dev/null and b/src/assets/images/index/bottom-bg.png differ diff --git a/src/assets/images/index/cloud.png b/src/assets/images/index/cloud.png new file mode 100644 index 0000000..ae28d69 Binary files /dev/null and b/src/assets/images/index/cloud.png differ diff --git a/src/assets/images/index/fan-1.png b/src/assets/images/index/fan-1.png new file mode 100644 index 0000000..3b13535 Binary files /dev/null and b/src/assets/images/index/fan-1.png differ diff --git a/src/assets/images/index/fan-2.png b/src/assets/images/index/fan-2.png new file mode 100644 index 0000000..61bb137 Binary files /dev/null and b/src/assets/images/index/fan-2.png differ diff --git a/src/assets/images/index/fan-3.png b/src/assets/images/index/fan-3.png new file mode 100644 index 0000000..760ec0d Binary files /dev/null and b/src/assets/images/index/fan-3.png differ diff --git a/src/assets/images/index/fan-4.png b/src/assets/images/index/fan-4.png new file mode 100644 index 0000000..241cc39 Binary files /dev/null and b/src/assets/images/index/fan-4.png differ diff --git a/src/assets/images/index/firework.png b/src/assets/images/index/firework.png new file mode 100644 index 0000000..460126a Binary files /dev/null and b/src/assets/images/index/firework.png differ diff --git a/src/assets/images/index/pet-icon.png b/src/assets/images/index/pet-icon.png new file mode 100644 index 0000000..3285ba5 Binary files /dev/null and b/src/assets/images/index/pet-icon.png differ diff --git a/src/assets/images/index/prize-btn.png b/src/assets/images/index/prize-btn.png index 549516f..9851d28 100644 Binary files a/src/assets/images/index/prize-btn.png and b/src/assets/images/index/prize-btn.png differ diff --git a/src/assets/images/index/rule-btn.png b/src/assets/images/index/rule-btn.png index 9b22bee..d58e940 100644 Binary files a/src/assets/images/index/rule-btn.png and b/src/assets/images/index/rule-btn.png differ diff --git a/src/assets/images/index/start-btn.png b/src/assets/images/index/start-btn.png index b8de374..86d213e 100644 Binary files a/src/assets/images/index/start-btn.png and b/src/assets/images/index/start-btn.png differ diff --git a/src/assets/images/index/title.png b/src/assets/images/index/title.png index 523a69f..41b29d2 100644 Binary files a/src/assets/images/index/title.png and b/src/assets/images/index/title.png differ diff --git a/src/assets/images/index/windows.png b/src/assets/images/index/windows.png new file mode 100644 index 0000000..9139b2b Binary files /dev/null and b/src/assets/images/index/windows.png differ diff --git a/src/assets/images/load/bg.jpg b/src/assets/images/load/bg.jpg index 5b67850..5b56af3 100644 Binary files a/src/assets/images/load/bg.jpg and b/src/assets/images/load/bg.jpg differ diff --git a/src/assets/images/load/clock-bg.png b/src/assets/images/load/clock-bg.png deleted file mode 100644 index 905f189..0000000 Binary files a/src/assets/images/load/clock-bg.png and /dev/null differ diff --git a/src/assets/images/load/clock-circle.png b/src/assets/images/load/clock-circle.png deleted file mode 100644 index fe6cb3a..0000000 Binary files a/src/assets/images/load/clock-circle.png and /dev/null differ diff --git a/src/assets/images/load/clock-hour.png b/src/assets/images/load/clock-hour.png deleted file mode 100644 index ee87b2d..0000000 Binary files a/src/assets/images/load/clock-hour.png and /dev/null differ diff --git a/src/assets/images/load/clock-minute.png b/src/assets/images/load/clock-minute.png deleted file mode 100644 index f5d2ef7..0000000 Binary files a/src/assets/images/load/clock-minute.png and /dev/null differ diff --git a/src/assets/images/load/clock-second.png b/src/assets/images/load/clock-second.png deleted file mode 100644 index ecc9c83..0000000 Binary files a/src/assets/images/load/clock-second.png and /dev/null differ diff --git a/src/assets/images/load/icon.png b/src/assets/images/load/icon.png new file mode 100644 index 0000000..7d48515 Binary files /dev/null and b/src/assets/images/load/icon.png differ diff --git a/src/assets/images/qa/answer-box-1.png b/src/assets/images/qa/answer-box-1.png deleted file mode 100644 index 09d3923..0000000 Binary files a/src/assets/images/qa/answer-box-1.png and /dev/null differ diff --git a/src/assets/images/qa/answer-box-2.png b/src/assets/images/qa/answer-box-2.png deleted file mode 100644 index b8f2bde..0000000 Binary files a/src/assets/images/qa/answer-box-2.png and /dev/null differ diff --git a/src/assets/images/qa/bg.jpg b/src/assets/images/qa/bg.jpg new file mode 100644 index 0000000..3433ece Binary files /dev/null and b/src/assets/images/qa/bg.jpg differ diff --git a/src/assets/images/qa/bottom-bg.png b/src/assets/images/qa/bottom-bg.png new file mode 100644 index 0000000..aa55b46 Binary files /dev/null and b/src/assets/images/qa/bottom-bg.png differ diff --git a/src/assets/images/qa/gold-icon-2.png b/src/assets/images/qa/gold-icon-2.png new file mode 100644 index 0000000..fbd8f5d Binary files /dev/null and b/src/assets/images/qa/gold-icon-2.png differ diff --git a/src/assets/images/qa/gold-icon.png b/src/assets/images/qa/gold-icon.png new file mode 100644 index 0000000..c112eb8 Binary files /dev/null and b/src/assets/images/qa/gold-icon.png differ diff --git a/src/assets/images/qa/lantern-icon.png b/src/assets/images/qa/lantern-icon.png new file mode 100644 index 0000000..480500f Binary files /dev/null and b/src/assets/images/qa/lantern-icon.png differ diff --git a/src/assets/images/qa/prev-btn.png b/src/assets/images/qa/prev-btn.png deleted file mode 100644 index 7fdcc89..0000000 Binary files a/src/assets/images/qa/prev-btn.png and /dev/null differ diff --git a/src/assets/images/qa/question-box.png b/src/assets/images/qa/question-box.png new file mode 100644 index 0000000..24a1a6d Binary files /dev/null and b/src/assets/images/qa/question-box.png differ diff --git a/src/assets/images/qa/question.png b/src/assets/images/qa/question.png deleted file mode 100644 index bead0f1..0000000 Binary files a/src/assets/images/qa/question.png and /dev/null differ diff --git a/src/assets/images/qa/showResult-btn.png b/src/assets/images/qa/showResult-btn.png deleted file mode 100644 index 3fa4577..0000000 Binary files a/src/assets/images/qa/showResult-btn.png and /dev/null differ diff --git a/src/assets/images/rule/arrow.png b/src/assets/images/rule/arrow.png index 6666c92..d38c0eb 100644 Binary files a/src/assets/images/rule/arrow.png and b/src/assets/images/rule/arrow.png differ diff --git a/src/assets/images/rule/caidai.png b/src/assets/images/rule/caidai.png deleted file mode 100644 index fbfe521..0000000 Binary files a/src/assets/images/rule/caidai.png and /dev/null differ diff --git a/src/assets/images/rule/cls-btn.png b/src/assets/images/rule/cls-btn.png index 71b9ed2..3e2a561 100644 Binary files a/src/assets/images/rule/cls-btn.png and b/src/assets/images/rule/cls-btn.png differ diff --git a/src/assets/images/rule/icon.png b/src/assets/images/rule/icon.png new file mode 100644 index 0000000..c782f1d Binary files /dev/null and b/src/assets/images/rule/icon.png differ diff --git a/src/assets/images/rule/rule-box.png b/src/assets/images/rule/rule-box.png index 7c2d84f..a72b952 100644 Binary files a/src/assets/images/rule/rule-box.png and b/src/assets/images/rule/rule-box.png differ diff --git a/src/components/Draw.vue b/src/components/Draw.vue index 8580e0e..1cede49 100644 --- a/src/components/Draw.vue +++ b/src/components/Draw.vue @@ -100,7 +100,7 @@ const hide = (event) => { duration: 0.3, autoAlpha: 0, onComplete: () => { - emit("DrawPage", "hide"); + emit("DrawPage", {action:"hide"}); }, }); }); diff --git a/src/components/Index.vue b/src/components/Index.vue index bce16e9..686b6d4 100644 --- a/src/components/Index.vue +++ b/src/components/Index.vue @@ -32,26 +32,6 @@ const showRule = (event) => { }); }; -const clockAni = () => { - gsap.to(".index-clock-h", { - duration: 12, - rotation: "+=360", - repeat: -1, - ease: "none", - }); - gsap.to(".index-clock-m", { - duration: 8, - rotation: "+=360", - repeat: -1, - ease: "none", - }); - gsap.to(".index-clock-s", { - duration: 3, - rotation: "+=360", - repeat: -1, - ease: "none", - }); -}; onMounted(() => { gsap.from(".index-bg", { duration: 1, scale: 1.2, autoAlpha: 0 }); @@ -75,14 +55,8 @@ onMounted(() => { autoAlpha: 0, delay: 0.5, }); - gsap.from(".index-tips", { - duration: 1, - // scale: 0.4, - autoAlpha: 0, - delay: 0.5, - }); - clockAni(); + }); const vcNum = ref(false); @@ -96,20 +70,21 @@ const showVC = () => { @@ -84,48 +89,65 @@ onMounted(() => { .rule-container { position: relative; - @include box(492px, 712px); + @include box(612px, 794px); + overflow: hidden; .content { .rule-content { - @include box(490px, 709px); + @include box(612px, 794px); @include bg_pos("rule/rule-box.png"); position: relative; + overflow: hidden; .rule-text-area { - @include pos(405px, 523px, 41px, 101px); + @include pos(612px, 676px, 0px, 101px); // background-color: #000000; overflow: hidden; overflow-y: scroll; + padding: 0px 20px; + .part { - font-family: "fzcy"; - color: #ac4d31; + color: #a31b15; font-size: 20px; - line-height: 30px; + line-height: 35px; margin-top: 30px; text-align: justify; padding: 0 10px; + font-family: 'HarmonyOS_Sans_SC_Regular'; + } + + .margin-bottom-area{ + margin-bottom: 100px; } } } .rule-arrow { - @include pos(38px, 23px, 224px, 641px); + @include pos(149px, 84px, 231px, 682px); @include bg_pos("rule/arrow.png"); + pointer-events: none; } - - .rule-cls-btn { - @include pos(48px, 48px, 441px, -76px); - @include bg_pos("rule/cls-btn.png"); + .rule-bottom-bg { + // visibility: hidden; + @include pos(588px, 102px, 12px, 682px); + pointer-events: none; + background-image: -webkit-linear-gradient( 90deg, rgba(255,238,186,0.7) , rgba(255, 255, 255, 0.1) 100%); } + .rule-icon { + @include pos(118px, 146px, 511px, 25px); + @include bg_pos("rule/icon.png"); + pointer-events: none; + } + } - .rule-caidai { - @include pos(135px, 185px, 357px, 557px); - @include bg_pos("rule/caidai.png"); - pointer-events: none; - } + } + + .rule-cls-btn { + @include box(43px, 43px); + @include bg_pos("rule/cls-btn.png"); + margin-top: 40px; } } \ No newline at end of file diff --git a/src/data/imgList.js b/src/data/imgList.js index 683f1c7..5f3aa61 100644 --- a/src/data/imgList.js +++ b/src/data/imgList.js @@ -1,10 +1,6 @@ const load = [ - 'load/clock-second.png', - 'load/clock-minute.png', - 'load/clock-hour.png', - 'load/clock-circle.png', - 'load/clock-bg.png', + 'load/icon.png', 'load/bg.jpg', ] diff --git a/src/data/index.js b/src/data/index.js index 14a4952..b722a8b 100644 --- a/src/data/index.js +++ b/src/data/index.js @@ -1,205 +1,72 @@ export const data = [ { id: 1, - type: 'mbti', - question: '当朋友约你外出，你会？', + question: [ + '元宵幸福是来源于阖家团圆', + '你的投资“幸福感”从何而来？', + ], answer: [ { aid: 'A', - text: '询问计划具体时间段做什么', - secore: 'J', + text: [ + '低波动低回撤', + '追求稳稳的幸福', + ], }, { aid: 'B', - text: '说走就走', - secore: 'P', + text: [ + '流动性好', + '存取超方便', + ], }, ], }, { id: 2, - type: 'mbti', - question: '你更喜欢什么样的社交生活？', + question: [ + '“投资就像猜灯谜，不能碰运气', + '学会评估才是关键”', + '你倾向于什么方式评估？', + ], answer: [ { aid: 'A', - text: '独处回血爽歪歪', - secore: 'I', + text: [ + '根据详细的市场报告', + '及历史数据具体分析', + ], }, { aid: 'B', - text: '呼朋唤友快乐多', - secore: 'E', + text: [ + '根据整体市场趋势', + '进行未来预测', + ], }, ], }, { id: 3, - type: 'mbti', - question: '当你想要做一个计划时，你会？', - answer: [ - { - aid: 'A', - text: '收集尽量多的信息', - secore: 'S', - }, - { - aid: 'B', - text: '偏向依靠经验', - secore: 'N', - }, + question: [ + '元宵是新年开运吉日', + '此时开启一项新投资', + '你更追求？', ], - }, - { - id: 4, - type: 'mbti', - question: '得知朋友因心情不好买了很多饼干，你第一想到的是？', answer: [ { aid: 'A', - text: '买了多少？一个人能吃完吗', - secore: 'T', + text: [ + '尽可能保证本金安全', + '追求“落袋为安”', + ], }, { aid: 'B', - text: '为什么心情不好呢', - secore: 'F', - }, - ], - }, - { - id: 5, - type: 'lc', - question: '当你考虑投资一个新的金融产品时，你更倾向于？', - answer: [ - { - aid: 'A', - text: '与朋友、同事或专业顾问讨论， 通过外部交流获得信息和建议', - secore: 'E', - }, - { - aid: 'B', - text: '独立研究，通过阅读、在线课程和个人分析来形成决策', - secore: 'I', - }, - ], - }, - { - id: 6, - type: 'lc', - question: '当评估一项投资机会时，你更倾向于？', - answer: [ - { - aid: 'A', - text: '依赖详细的市场报告、历史数据和具体分析', - secore: 'S', - }, - { - aid: 'B', - text: '依赖整体市场趋势、未来预测和直觉感受 ', - secore: 'N', - }, - ], - }, - { - id: 7, - type: 'lc', - question: '在选择一个投资合伙人时，你更看重？', - answer: [ - { - aid: 'A', - text: '他们的专业能力、以往的业绩和逻辑决策过程', - secore: 'T', - }, - { - aid: 'B', - text: '他们的个人价值观、信任度和与你的情感共鸣', - secore: 'F', - }, - ], - }, - { - id: 8, - type: 'lc', - question: '当面对投资市场的不确定性和变化时，你更倾向于？', - answer: [ - { - aid: 'A', - text: '坚持你的投资计划和策略，不轻易改变已经制定的计划', - secore: 'J', - }, - { - aid: 'B', - text: '保持灵活性，根据市场的最新变化调整你的投资策略', - secore: 'P', - }, - ], - }, - { - id: 9, - type: 'lc', - question: '在做某项决定时，你认为比较重要的是？', - answer: [ - { - aid: 'A', - text: '根据实际情况衡量考虑', - secore: 'J', - }, - { - aid: 'B', - text: '考虑他人的感受和意见', - secore: 'P', - }, - ], - }, - { - id: 10, - type: 'mbti', - question: '你认为别人一般会？', - answer: [ - { - aid: 'A', - text: '花很长时间才认识你', - secore: 'I', - }, - { - aid: 'B', - text: '很短的时间便了解你', - secore: 'E', - }, - ], - }, - { - id: 11, - type: 'mbti', - question: '哪些人会更吸引你？', - answer: [ - { - aid: 'A', - text: '一个思想敏捷及非常聪颖的人', - secore: 'N', - }, - { - aid: 'B', - text: '实事求是，具有丰富常识的人', - secore: 'S', - }, - ], - }, - { - id: 12, - type: 'mbti', - question: '你是否经常让', - answer: [ - { - aid: 'A', - text: '你的情感支配你的理智', - secore: 'F', - }, - { - aid: 'B', - text: '你的理智主宰你的情感', - secore: 'T', + text: [ + '产生较多的收益', + '可以承担一定的投资风险', + ], }, ], }, diff --git a/src/page/Home/App.vue b/src/page/Home/App.vue index 0d083a0..556f402 100644 --- a/src/page/Home/App.vue +++ b/src/page/Home/App.vue @@ -57,7 +57,7 @@ const indexFn = (item) => { } }; -const showQuestion = ref(false); +const showQuestion = ref(true); const questionFn = (item) => { if (item.action == "hide") { showQuestion.value = false; @@ -211,7 +211,7 @@ onMounted(() => { }); } } else { - showLoad.value = true; + // showLoad.value = true; createBGM(); } }); diff --git a/src/store/index.js b/src/store/index.js index 551eb53..fc06e19 100644 --- a/src/store/index.js +++ b/src/store/index.js @@ -7,7 +7,7 @@ export const useMainStore = defineStore("counter", { hasDraw: true, //是否有抽奖机会 token: '', MBTI: 'ESFJ', //测试结果 - hasPrize: false, //是否有奖品 + hasPrize: true, //是否有奖品 prizeCode: 'oggSVMbeLgSK', //兑换码 prizeMoney: '8.88', //金额 drawKey: '', diff --git a/src/styles/global.scss b/src/styles/global.scss index 4571bcd..79f2b4a 100644 --- a/src/styles/global.scss +++ b/src/styles/global.scss @@ -44,37 +44,18 @@ body { /* -webkit-user-select: none;*/ } -@font-face { - font-family: "alimama"; - src: url(@/assets/font/AlimamaShuHeiTi.ttf) format("truetype"); -} + + @font-face { - font-family: "HYYakuHei"; - src: url(@/assets/font/HYYakuHei-85W.ttf) format("truetype"); + font-family: "HarmonyOS_Sans_SC_Regular"; + src: url(@/assets/font/HarmonyOS_Sans_SC_Regular.ttf) format("truetype"); } - @font-face { - font-family: "fzcy"; - src: url(@/assets/font/fzcy.ttf) format("truetype"); + font-family: "DouyinSansBold"; + src: url(@/assets/font/DouyinSansBold.otf) format("OpenType"); } -@font-face { - font-family: "fzzy"; - src: url(@/assets/font/fzzy.ttf) format("truetype"); -} - -@font-face { - font-family: "SourceHanSansCN"; - src: url(@/assets/font/SourceHanSansCN-Regular.ttf) format("truetype"); -} - -@font-face { - font-family: "SourceHanSansCNMedium"; - src: url(@/assets/font/SourceHanSansCNMedium.ttf) format("truetype"); -} -SourceHanSansCN Medium - * { padding: 0; margin: 0;