init

mock/project/home.js

+const {AESEncrypt} = require("../Crypto");
 module.exports = {
   "GET /home/index.do": {
     code: null,
@@ -8,18 +9,18 @@ module.exports = {
 
       nickname: null,
       avatar: null,
-      salesman: true, // 是否代理人	
+      salesman: true, // 是否代理人
       shareCode: '326534', // 分享code
     },
     message: null,
     success: true,
     timeStamp: +new Date(),
   },
-  "GET /home/startAnswer.do": {
+  "GET /game/startGame.do": {
     code: null,
-    data: {
-      startId: 1,
-    },
+    data: AESEncrypt(JSON.stringify({
+      recordId: 231123,
+    }), "1c5f9cab3460e316", "cDOiBC1n2QrkAY2P"),
     message: null,
     success: true,
     timeStamp: 1723602734176,

src/api/index.js

@@ -34,14 +34,14 @@ const API = generateAPI({
 
   home: 'home/index.do',
   startAnswer: {
-    uri: 'home/startAnswer.do',
+    uri: 'game/startGame.do',
     withToken: true,  // 携带token
   },
   submitAnswer: {
     uri: 'home/submitAnswer.do',
     withToken: true,  // 携带token
   },
-  
+
   /** 抽奖首页 */
   drawIndex: "home/drawIndex.do",
   /** 抽奖 */
@@ -67,7 +67,7 @@ const API = generateAPI({
     uri: "task_1/sendPrize.do",
     withToken: true,
   },
-	
+
 	/** 奖品页信息 */
 	getPrizePageInfo: "common/prizeRecord.do",
 	createCode: "/customActivity/taibao/custom/createCode",

src/assetList.json

-{"preLoadImg":[],"asyncLoadImg":["answerPage/bg1.jpg","answerPage/bg2.jpg","answerPage/bg3.jpg","answerPage/bg4.jpg","answerPage/bg5.jpg","answerPage/bg6.jpg","answerPage/chooseBg.png","answerPage/normalBg.png","answerPage/q1.png","answerPage/q2.png","answerPage/q3.png","answerPage/q4.png","answerPage/q5.png","answerPage/q6.png","answerPage/queBg.png","answerPage/按钮.png","bindPop/bg.png","bindPop/bind_btn.png","common/back.png","common/close.png","drawChancePop/bg.png","drawChancePop/btn.png","drawFailPop/bg.png","drawFailPop/btn.png","drawPage/bg.png","drawPage/cloud.png","drawPage/draw_btn.png","drawPage/pointer.png","drawPage/prize_btn.png","drawPage/rule_btn.png","drawPage/subtitle_bg.png","drawPage/task_btn.png","drawPage/title.png","drawPage/turntable_bg.png","drawPage/turntable_box.png","drawSucPop/bg.png","drawSucPop/happy_btn.png","drawSucPop/leaves.png","drawSucPop/light.png","drawSucPop/prize_img.png","exitPop/bg.png","exitPop/cancel_btn.png","exitPop/confirm_btn.png","focusPop/bg.png","focusPop/qrcode_bg.png","homePage/bg.png","homePage/content.png","homePage/draw_btn.png","homePage/main_btn.png","homePage/ptize_btn.png","homePage/rule_btn.png","homePage/share_btn.png","homePage/subtitle_bg.png","homePage/task_btn.png","homePage/title.png","LifeSettingsPage/0岁.png","LifeSettingsPage/10岁.png","LifeSettingsPage/20岁.png","LifeSettingsPage/30岁.png","LifeSettingsPage/ageTitle.png","LifeSettingsPage/bg.jpg","LifeSettingsPage/cityTitle.png","LifeSettingsPage/familyTitle.png","LifeSettingsPage/title.png","LifeSettingsPage/一线.png","LifeSettingsPage/三口.png","LifeSettingsPage/三线.png","LifeSettingsPage/三线外.png","LifeSettingsPage/两口.png","LifeSettingsPage/二线.png","LifeSettingsPage/四口.png","LifeSettingsPage/开始测试.png","LifeSettingsPage/开始测试灰.png","LifeSettingsPage/更多.png","LifeSettingsPage/选择框.png","LoadingPage/loadingBg.jpg","LoadingPage/loadingFill.png","LoadingPage/loadingIp.png","mid/bg.jpg","prizePage/bg.png","prizePage/prize_btn.png","prizePage/prize_img.png","prizePage/prize_item_bg.png","prizePage/title.png","resultPage/bg.png","resultPage/code_bg.png","resultPage/code_img.png","resultPage/draw_btn.png","resultPage/product_btn.png","resultPage/share_btn.png","resultPage/传统守护者.png","resultPage/佛系随性派.png","resultPage/元气美食家.png","resultPage/狂热尝新党.png","resultPage/社交组局王.png","rulePop/bg.png","svga/choose.svga","svga/home.svga","svga/pop.svga","taskPop/bg.png","taskPop/grey_bg.png","taskPop/red_bg.png","taskPop/task_icon.png","taskPop/task_item_bg.png","taskPop/yellow_bg.png"]}
+{"preLoadImg":[],"asyncLoadImg":["answerPage/bg1.jpg","answerPage/bg2.jpg","answerPage/bg3.jpg","answerPage/bg4.jpg","answerPage/bg5.jpg","answerPage/bg6.jpg","answerPage/chooseBg.png","answerPage/normalBg.png","answerPage/q1.png","answerPage/q2.png","answerPage/q3.png","answerPage/q4.png","answerPage/q5.png","answerPage/q6.png","answerPage/queBg.png","answerPage/按钮.png","bindPop/bg.png","bindPop/bind_btn.png","common/back.png","common/close.png","drawChancePop/bg.png","drawChancePop/btn.png","drawFailPop/bg.png","drawFailPop/btn.png","drawPage/bg.png","drawPage/cloud.png","drawPage/draw_btn.png","drawPage/pointer.png","drawPage/prize_btn.png","drawPage/rule_btn.png","drawPage/subtitle_bg.png","drawPage/task_btn.png","drawPage/title.png","drawPage/turntable_bg.png","drawPage/turntable_box.png","drawSucPop/bg.png","drawSucPop/happy_btn.png","drawSucPop/leaves.png","drawSucPop/light.png","drawSucPop/prize_img.png","EventPanel/不慎受伤.png","EventPanel/不慎摔伤.png","EventPanel/不慎摔倒.png","EventPanel/分红致富.png","EventPanel/古井无波.png","EventPanel/夏令营不慎摔倒.png","EventPanel/家长奖励.png","EventPanel/惨遭辞退.png","EventPanel/晋升.png","EventPanel/生活美满.png","EventPanel/电商震荡.png","EventPanel/职场风波.png","EventPanel/股市震荡.png","EventPanel/获得保障.png","EventPanel/获得保障2.png","EventPanel/获得文凭.png","EventPanel/财富提升.png","EventPanel/钱包发瘪.png","exitPop/bg.png","exitPop/cancel_btn.png","exitPop/confirm_btn.png","focusPop/bg.png","focusPop/qrcode_bg.png","homePage/bg.png","homePage/content.png","homePage/draw_btn.png","homePage/main_btn.png","homePage/ptize_btn.png","homePage/rule_btn.png","homePage/share_btn.png","homePage/subtitle_bg.png","homePage/task_btn.png","homePage/title.png","LifeSettingsPage/0岁.png","LifeSettingsPage/10岁.png","LifeSettingsPage/20岁.png","LifeSettingsPage/30岁.png","LifeSettingsPage/ageTitle.png","LifeSettingsPage/bg.jpg","LifeSettingsPage/cityTitle.png","LifeSettingsPage/familyTitle.png","LifeSettingsPage/title.png","LifeSettingsPage/一线.png","LifeSettingsPage/三口.png","LifeSettingsPage/三线.png","LifeSettingsPage/三线外.png","LifeSettingsPage/两口.png","LifeSettingsPage/二线.png","LifeSettingsPage/四口.png","LifeSettingsPage/开始测试.png","LifeSettingsPage/更多.png","LifeSettingsPage/选择框.png","LoadingPage/loadingBg.jpg","LoadingPage/loadingFill.png","LoadingPage/loadingIp.png","mid/bg.jpg","prizePage/bg.png","prizePage/prize_btn.png","prizePage/prize_img.png","prizePage/prize_item_bg.png","prizePage/title.png","resultPage/bg.png","resultPage/code_bg.png","resultPage/code_img.png","resultPage/draw_btn.png","resultPage/product_btn.png","resultPage/share_btn.png","resultPage/传统守护者.png","resultPage/佛系随性派.png","resultPage/元气美食家.png","resultPage/狂热尝新党.png","resultPage/社交组局王.png","rulePop/bg.png","svga/choose.svga","svga/home.svga","svga/pop.svga","taskPop/bg.png","taskPop/grey_bg.png","taskPop/red_bg.png","taskPop/task_icon.png","taskPop/task_item_bg.png","taskPop/yellow_bg.png"]}
\ No newline at end of file

src/components/EventPanel/EventPanel.jsx

 import React from "react";
 import {observer} from "mobx-react";
 import "./EventPanel.less";
+import {SvgaPlayer} from "@spark/svgaplayer";
+import {RES_PATH} from "../../../sparkrc";
 
 @observer
 class EventPanel extends React.Component {
@@ -14,6 +16,7 @@ class EventPanel extends React.Component {
 
     // 当前题目
     return <div className="EventPanel modal_center">
+      <SvgaPlayer className="effect" src={RES_PATH + "svga/2输出弹窗氛围.svga"}/>
       <img className="bg" src={event.bg}/>
       <div className="txt" dangerouslySetInnerHTML={{__html: event.txt}}/>
       <div className="next">点击屏幕继续游戏</div>

src/components/EventPanel/EventPanel.less

 @import "../../res.less";
 
-.EventPanel {
+.FundsPanel {
   width: 750px;
   height: 1624px;
   left: 0;
@@ -12,27 +12,49 @@
   align-items: center;
   justify-content: start;
 
-  .bg {
+  .effect {
     position: absolute;
     left: 0;
     top: 0;
     width: 750px;
-    height: 1624px;
+    height: 1375px;
+  }
+
+  .bg {
+    position: absolute;
+    left: 62px;
+    top: 396px;
+    width: 623px;
+    height: 558px;
+    .webpBg("FundsPanel/bg.png");
   }
 
-  .txt {
-    color: rgb(255, 255, 255);
-    line-height: 1.5;
+  .funds {
+    font-size: 46px;
+    position: absolute;
+    left: 0;
+    top: 964px;
+    width: 100%;
     text-align: center;
-    font-size: 32px;
-    margin-top: 958px;
+    color: white;
   }
 
   .next {
-    color: rgb(255, 255, 255);
-    text-align: center;
-    font-size: 26px;
-    margin-top: 158px;
+    position: absolute;
+    left: 217px;
+    top: 1060px;
+    width: 316px;
+    height: 97px;
+    .webpBg("FundsPanel/去配置.png");
+  }
+
+  .close {
+    position: absolute;
+    left: 348px;
+    top: 1248px;
+    width: 53px;
+    height: 52px;
+    .webpBg("FundsPanel/close.png");
   }
 
 }

src/components/FundsPanel/FundsPanel.jsx

+import React from "react";
+import {observer} from "mobx-react";
+import "./FundsPanel.less";
+import {SvgaPlayer} from "@spark/svgaplayer";
+import {RES_PATH} from "../../../sparkrc";
+import {Button} from "@src/components/Button";
+import store from "@src/store";
+import {PAGE_MAP} from "@src/utils/constants";
+
+@observer
+class FundsPanel extends React.Component {
+
+  componentDidMount() {
+  }
+
+  clickNext = () => {
+    store.changePage(PAGE_MAP.QUES_PAGE, {funds: this.props.popData.funds});
+  }
+
+  render() {
+    const {funds} = this.props.popData;
+
+    // 当前题目
+    return <div className="FundsPanel modal_center">
+      <SvgaPlayer className="effect" src={RES_PATH + "svga/2输出弹窗氛围.svga"}/>
+      <div className="bg"/>
+      <div className="funds">{funds}万元</div>
+      <Button className="next" onClick={this.clickNext}/>
+      <Button className="close" onClick={this.clickNext}/>
+    </div>;
+  }
+}
+
+export default FundsPanel;

src/components/FundsPanel/FundsPanel.less

+@import "../../res.less";
+
+.EventPanel {
+  width: 750px;
+  height: 1624px;
+  left: 0;
+  top: 0;
+  position: absolute;
+
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: start;
+
+  .effect {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 750px;
+    height: 1375px;
+  }
+
+  .bg {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 750px;
+    height: 1624px;
+  }
+
+  .txt {
+    color: rgb(255, 255, 255);
+    line-height: 1.5;
+    text-align: center;
+    font-size: 32px;
+    margin-top: 958px;
+  }
+
+  .next {
+    color: rgb(255, 255, 255);
+    text-align: center;
+    font-size: 26px;
+    margin-top: 158px;
+  }
+
+}

src/modal/modal.jsx

@@ -15,6 +15,7 @@ import LongImgPop2 from "@src/components/longImgPop2/longImgPop2";
 import Videopop from "@src/components/videopop/videopop";
 import ExitPop from "@src/components/exitPop/exitPop";
 import EventPanel from "@src/components/EventPanel/EventPanel";
+import FundsPanel from "@src/components/FundsPanel/FundsPanel";
 /**
  * 弹窗配置
 */
@@ -32,6 +33,7 @@ export const cfg = {
   LongImgPop2,
   Videopop,
   EventPanel,
+  FundsPanel,
 };
 
 @observer

src/pages/LifeSettingPage/LifeSettingPage.jsx

@@ -8,6 +8,7 @@ import {SettingCfg} from "@src/pages/LifeSettingPage/SettingCfg";
 import store from "@src/store";
 import {PAGE_MAP} from "@src/utils/constants";
 import {Toast} from "@spark/ui";
+import modalStore from "@src/store/modal";
 
 @observer
 class LifeSettingPage extends React.Component {
@@ -39,7 +40,7 @@ class LifeSettingPage extends React.Component {
     this.funds *= radio;
 
     if (quesIndex == 2) {
-      store.changePage(PAGE_MAP.QUES_PAGE, {funds: this.funds});
+      modalStore.pushPop("FundsPanel", {funds: this.funds});
       return;
     }
 

src/store/index.js

@@ -4,6 +4,7 @@ import API from '../api/index';
 import { GetCurrSkinId, getCustomShareId } from "@src/utils/utils";
 import { initSensors } from '@src/utils/sensorMd';
 import { Toast } from '@spark/ui';
+import {AESDecrypt} from "@src/utils/Crypto";
 
 const skinId = GetCurrSkinId() || getCustomShareId();
 
@@ -87,15 +88,12 @@ const store = makeAutoObservable({
   },
 
   startInfo: {},
-  roleId: 'a', // 人设id
   async startTest() {
-    this.roleId = 'a'
     const { success, data } = await API.startAnswer();
     if (success) {
-      this.startInfo = data || {}
-      // 从题库随机出一条数据
-      this.startInfo.topicList = TOPIC_LIST[Math.floor(Math.random() * TOPIC_LIST.length)]
-      this.changePage(PAGE_MAP.QUES_PAGE)
+      const txt = AESDecrypt(data, "1c5f9cab3460e316", "cDOiBC1n2QrkAY2P");
+      this.startInfo = JSON.parse(txt);
+      this.changePage(PAGE_MAP.LIFE_SETTING_PAGE);
     }
   },
   async submitTest(answer) {