Skip to content

2
20250711_TBGuardingLife
Commit 437d6e73 authored by haiyoucuv's avatar haiyoucuv
Browse files
Options

init

parent bdf50662
Hide whitespace changes
Inline Side-by-side
Showing with 135 additions and 28 deletions
mock/project/home.js
View file @ 437d6e73
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
View file @ 437d6e73
......@@ -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
View file @ 437d6e73
{"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"]}
\ No newline at end of file
{"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
View file @ 437d6e73
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
View file @ 437d6e73
@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 0 → 100644
View file @ 437d6e73
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 0 → 100644
View file @ 437d6e73
@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
View file @ 437d6e73
......@@ -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
View file @ 437d6e73
......@@ -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
View file @ 437d6e73
......@@ -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) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment