init

src/app.jsx

@@ -23,6 +23,7 @@ import Resultpage from "./pages/resultpage/resultpage";
 import MiddlePageNew from "@src/pages/middlePageNew/middlePageNew";
 import { loadOneFont } from "./utils/preload1.3";
 import LifeSettingPage from "@src/pages/LifeSettingPage/LifeSettingPage";
+import {RES_PATH} from "../sparkrc";
 
 /**
  * 所有页面场景
@@ -49,10 +50,7 @@ class App extends Component {
       CFG.domain = domain || window.location.origin;
       CFG.index = CFG.domain + CFG.index;
     }
-
-    if (store.curPage === PAGE_MAP.HOME_PAGE) {
-      this.loadFonts();
-    }
+    this.loadFonts();
   }
 
   /**
@@ -60,8 +58,8 @@ class App extends Component {
    */
   loadFonts = async() => {
     await loadOneFont(
-      "//yun.duiba.com.cn/polaris/Alimama_DongFangDaKai_Regular.48e78d785f0db9f0e1de9defb6a5994b76bfc188.ttf",
-      "Alimama_DongFangDaKai_Regular"
+      RES_PATH + "font/KingnamBobo.ttf",
+      "KingnamBobo"
     );
   };
 

src/assetList.json

-{"preLoadImg":[],"asyncLoadImg":["answerPage/bg1.png","answerPage/bg2.png","answerPage/bg3.png","answerPage/bg4.png","answerPage/bg5.png","answerPage/content_bg.png","answerPage/option_bg.png","answerPage/option_bg_select.png","answerPage/progress1.png","answerPage/progress2.png","answerPage/progress3.png","answerPage/progress4.png","answerPage/progress5.png","answerPage/progress_bg.png","answerPage/progress_title.png","answerPage/queslast.png","answerPage/quesnext.png","answerPage/submitbtn.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","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","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

src/pages/LifeSettingPage/LifeSettingPage.jsx

@@ -5,6 +5,9 @@ import {_asyncThrottle, _throttle, waitTime} from "@src/utils/utils";
 import {Button} from "@src/components/Button";
 import classNames from "classnames";
 import {SettingCfg} from "@src/pages/LifeSettingPage/SettingCfg";
+import store from "@src/store";
+import {PAGE_MAP} from "@src/utils/constants";
+import {Toast} from "@spark/ui";
 
 @observer
 class LifeSettingPage extends React.Component {
@@ -13,6 +16,8 @@ class LifeSettingPage extends React.Component {
     chooseIndex: null,
   };
 
+  funds = 100;
+
   componentDidMount() {
   }
 
@@ -22,6 +27,28 @@ class LifeSettingPage extends React.Component {
     });
   }
 
+  clickNext = () => {
+    const {chooseIndex, quesIndex} = this.state;
+
+    if (chooseIndex === null || chooseIndex === undefined) {
+      return Toast("请完成参数选择");
+    }
+
+    const {radio} = SettingCfg[quesIndex].answer[chooseIndex];
+
+    this.funds *= radio;
+
+    if (quesIndex == 2) {
+      store.changePage(PAGE_MAP.QUES_PAGE, {funds: this.funds});
+      return;
+    }
+
+    this.setState({
+      chooseIndex: null,
+      quesIndex: quesIndex + 1,
+    });
+  }
+
   render() {
     const {quesIndex, chooseIndex} = this.state;
 
@@ -42,7 +69,14 @@ class LifeSettingPage extends React.Component {
         })}
       </div>
 
-      <Button className="confirm"/>
+      <Button
+        className={classNames("confirm", {
+          gray: chooseIndex === null || chooseIndex === undefined,
+        })}
+        onClick={this.clickNext}
+      >
+        {quesIndex == 2 ? "开始测试" : `继续选择(${quesIndex + 1}/3)`}
+      </Button>
     </div>;
   }
 }

src/pages/LifeSettingPage/LifeSettingPage.less

@@ -74,7 +74,19 @@
     top: 1321px;
     width: 380px;
     height: 97px;
-    .webpBg("LifeSettingsPage/开始测试灰.png");
+    font-family: "KingnamBobo";
+    font-size: 46px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #2b1632;
+    .webpBg("LifeSettingsPage/开始测试.png");
+
+    &.gray {
+      filter: grayscale(1);
+      color: #9c84a3;
+    }
   }
 
+
 }

src/pages/LifeSettingPage/SettingCfg.js

@@ -6,15 +6,19 @@ export const SettingCfg = [
     answer: [
       {
         img: RES_PATH + 'LifeSettingsPage/0岁.png',
+        radio: 0.2,
       },
       {
         img: RES_PATH + 'LifeSettingsPage/10岁.png',
+        radio: 0.4,
       },
       {
         img: RES_PATH + 'LifeSettingsPage/20岁.png',
+        radio: 0.8,
       },
       {
         img: RES_PATH + 'LifeSettingsPage/30岁.png',
+        radio: 1,
       },
     ],
   },
@@ -23,15 +27,19 @@ export const SettingCfg = [
     answer: [
       {
         img: RES_PATH + 'LifeSettingsPage/一线.png',
+        radio: 1.2,
       },
       {
         img: RES_PATH + 'LifeSettingsPage/二线.png',
+        radio: 1,
       },
       {
         img: RES_PATH + 'LifeSettingsPage/三线.png',
+        radio: 0.8,
       },
       {
         img: RES_PATH + 'LifeSettingsPage/三线外.png',
+        radio: 0.6,
       },
     ],
   },
@@ -40,15 +48,19 @@ export const SettingCfg = [
     answer: [
       {
         img: RES_PATH + 'LifeSettingsPage/两口.png',
+        radio: 1,
       },
       {
         img: RES_PATH + 'LifeSettingsPage/三口.png',
+        radio: 1,
       },
       {
         img: RES_PATH + 'LifeSettingsPage/四口.png',
+        radio: 1,
       },
       {
         img: RES_PATH + 'LifeSettingsPage/更多.png',
+        radio: 1,
       },
     ],
   },

src/pages/answerpage/answerpage.jsx

@@ -9,11 +9,15 @@ import classNames from "classnames";
 @observer
 class Answerpage extends React.Component {
   state = {
+    funds: 0,
     quesIndex: 0,
     chooseIndex: null,
   };
 
   componentDidMount() {
+    this.setState({
+      funds: this.props.funds,
+    })
   }
 
   clickItem(index) {
@@ -23,7 +27,7 @@ class Answerpage extends React.Component {
   }
 
   render() {
-    const {quesIndex, chooseIndex} = this.state;
+    const {quesIndex, chooseIndex, funds} = this.state;
 
     const {stage, bg, titleImg, answer} = QuestionCfg[quesIndex];
 
@@ -39,7 +43,7 @@ class Answerpage extends React.Component {
       <div className="stage">{stage}</div>
 
       <div className="fundsArea">
-        <div className="funds">当前资金：<span>8000</span>万</div>
+        <div className="funds">当前资金：<span>{funds}</span>万</div>
       </div>
 
       <div className="quesArea">