feat: 答题弹窗视觉更新

6bef3d4a · 俞嘉婷 · b2bcb808 · b2bcb808 · 6bef3d4a · b2bcb808
Commit 6bef3d4a authored Aug 06, 2025 by 俞嘉婷
11 changed files
--- a/Game/resource/game/红包2.png
+++ b/Game/resource/game/红包2.png
--- a/Game/resource/game/红包3.png
+++ b/Game/resource/game/红包3.png
--- a/dist/index.html
+++ b/dist/index.html
@@ -77,10 +77,10 @@
    }

  </script>
-  <script type="module" crossorigin src="https://yun.duiba.com.cn/db_games/spark/v3/1754461434868/assets/index-Cp0vaPZn.js"></script>
-  <link rel="modulepreload" crossorigin href="https://yun.duiba.com.cn/db_games/spark/v3/1754461434868/assets/vendor-BiCVt3x5.js">
-  <link rel="stylesheet" crossorigin href="https://yun.duiba.com.cn/db_games/spark/v3/1754461434868/assets/vendor-BQh5NVNk.css">
-  <link rel="stylesheet" crossorigin href="https://yun.duiba.com.cn/db_games/spark/v3/1754461434868/assets/index-BqPoFIa6.css">
+  <script type="module" crossorigin src="https://yun.duiba.com.cn/db_games/spark/v3/1754476768847/assets/index-dNbBZpTx.js"></script>
+  <link rel="modulepreload" crossorigin href="https://yun.duiba.com.cn/db_games/spark/v3/1754476768847/assets/vendor-BiCVt3x5.js">
+  <link rel="stylesheet" crossorigin href="https://yun.duiba.com.cn/db_games/spark/v3/1754476768847/assets/vendor-BQh5NVNk.css">
+  <link rel="stylesheet" crossorigin href="https://yun.duiba.com.cn/db_games/spark/v3/1754476768847/assets/index-BbNzbds7.css">
  <script type="module">import.meta.url;import("_").catch(()=>1);(async function*(){})().next();if(location.protocol!="file:"){window.__vite_is_modern_browser=true}</script>
  <script type="module">!function(){if(window.__vite_is_modern_browser)return;console.warn("vite: loading legacy chunks, syntax error above and the same error below should be ignored");var e=document.getElementById("vite-legacy-polyfill"),n=document.createElement("script");n.src=e.src,n.onload=function(){System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))},document.body.appendChild(n)}();</script>
 </head>
@@ -88,8 +88,8 @@
 <body>
  <div id="root"></div>
  <script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script>
-  <script nomodule crossorigin id="vite-legacy-polyfill" src="https://yun.duiba.com.cn/db_games/spark/v3/1754461434868/assets/polyfills-legacy-D0AVcSo7.js"></script>
-  <script nomodule crossorigin id="vite-legacy-entry" data-src="https://yun.duiba.com.cn/db_games/spark/v3/1754461434868/assets/index-legacy-BjKRPg-n.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
+  <script nomodule crossorigin id="vite-legacy-polyfill" src="https://yun.duiba.com.cn/db_games/spark/v3/1754476768847/assets/polyfills-legacy-D0AVcSo7.js"></script>
+  <script nomodule crossorigin id="vite-legacy-entry" data-src="https://yun.duiba.com.cn/db_games/spark/v3/1754476768847/assets/index-legacy-BksrW3b7.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
 </body>

 </html>
\ No newline at end of file
--- a/mock/main.ts
+++ b/mock/main.ts
@@ -516,9 +516,9 @@ export default [
      return {
        "code": null,
        "data": {
-          "answers": ['aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa', "选项2", "选项3", "选项4"],
+          "answers": ['aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa', "持有金额=持有份额×当前产品单位净值", "持有金额=持有份额×当前产品单位净值", "持有金额=持有份额×当前产品单位净值"],
          "avatar": null,
-          "content": "题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目题题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目",
+          "content": "个人投资者投资经历满2年，且家庭金融净资产不低于300万元人民币，或者家庭金融资产不低于500万元人民币，或者近3年本人年均收入不低于40万元人民币，可被认定为私募理财产品的合格投资者。",
          "fullStrength": true,
          "leaderAvatar": null,
          "leaderNickname": "0L809No0m_Z1J",

--- a/src/assets/answerPanel/answerPanelBg.png
+++ b/src/assets/answerPanel/answerPanelBg.png
--- a/src/assets/answerPanel/correctIcon.png
+++ b/src/assets/answerPanel/correctIcon.png
--- a/src/assets/answerPanel/errorIcon.png
+++ b/src/assets/answerPanel/errorIcon.png
--- a/src/assets/homePage/tab2_bg.png
+++ b/src/assets/homePage/tab2_bg.png
--- a/src/pages/productListPage/productListPage.less
+++ b/src/pages/productListPage/productListPage.less
@@ -48,7 +48,7 @@
  }

  .products_list {
-    width: 653px;
+    width: 680px;
    // height: 696px;
    left: 50px;
    top: 130px;
@@ -56,6 +56,7 @@
    position: absolute;
    overflow-y: auto;
    padding-top: 50px;
+    padding-right: 27px;
    box-sizing: border-box;

    .product_item {

--- a/src/panels/answerPanel/index.jsx
+++ b/src/panels/answerPanel/index.jsx
@@ -118,6 +118,7 @@ class AnswerPanel extends React.Component {
            </div>
          })}
        </div>
+        <div className="tips">完成答题即可获得理财体验金奖励</div>
        <Button className="close" onClick={this.handleClose} />
      </div>
    );

--- a/src/panels/answerPanel/index.less
+++ b/src/panels/answerPanel/index.less
@@ -8,40 +8,40 @@
  position: absolute;

  .bg {
-    left: 82px;
-    top: 406px;
-    width: 585px;
-    height: 711px;
+    left: 41px;
+    top: 440px;
+    width: 669px;
+    height: 812px;
    position: absolute;
    .sparkBg("answerPanel/answerPanelBg.png");
  }

  .question-title {
-    top: 598px;
-    left: 105px;
+    top: 590px;
+    left: 103px;
    position: absolute;
-    width: 545px;
-    height: 120px;
+    width: 540px;
+    height: 190px;
    overflow-y: scroll;
    overflow-x: hidden;
-    font-size: 30px;
-    color: rgb(40, 25, 25);
+    font-size: 26px;
+    color: rgb(70, 26, 18);
    font-weight: bold;
-    line-height: 1.2;
+    line-height: 1.4;
  }

  .answer-con {
-    width: 550px;
+    width: 586px;
    height: 360px;
    position: absolute;
-    top: 740px;
-    left: 98px;
+    top: 800px;
+    left: 80px;
    display: flex;
    flex-direction: column;
-    row-gap: 20px;
+    row-gap: 10px;

    .answer-item {
-      width: 520px;
+      width: 100%;
      height: auto;
      text-align: left;
      color: rgb(88, 88, 88);
@@ -50,12 +50,13 @@
      line-height: 1.5;
      vertical-align: middle;
      word-break: break-all;
-      background-color: #dbdbdb;
-      border: 1px solid #fff;
-      border-radius: 10px;
-      padding: 10px 15px;
+      background-color: rgb(253, 239, 236);
+      border-radius: 14px;
+      padding: 16px 40px;
      // .sparkBg("answerPanel/normalBg.png");
      position: relative;
+      margin: 0 auto;
+      box-sizing: border-box;
    }

    // .toolong {
@@ -64,40 +65,52 @@

    .error {
      color: #fff;
-      background-color: #e57174;
+      background-color: rgb(220, 65, 69);
      // .sparkBg("answerPanel/errorBg.png");
    }

    .correct {
      color: #fff;
-      background-color: #5eb272;
+      background-color: rgb(107, 200, 129);
      // .sparkBg("answerPanel/correctBg.png");
    }

    .correct-icon {
      display: inline-block;
      position: absolute;
-      width: 61px;
-      height: 60px;
-      right: 0px;
-      top: -10px;
+      width: 40px;
+      height: 29px;
+      right: 20px;
+      top: 50%;
+      transform: translateY(-50%);
      .sparkBg("answerPanel/correctIcon.png");
    }

    .error-icon {
      position: absolute;
-      width: 58px;
-      height: 54px;
-      right: 0px;
-      top: -10px;
+      width: 29px;
+      height: 29px;
+      right: 24px;
+      top: 50%;
+      transform: translateY(-50%);
      display: inline-block;
      .sparkBg("answerPanel/errorIcon.png");
    }
  }

+  .tips {
+    width: 669px;
+    font-size: 24px;
+    color: rgb(115, 49, 31);
+    text-align: center;
+    position: absolute;
+    left: 41px;
+    top: 1190px;
+  }
+  
  .close {
    left: 346px;
-    top: 1186px;
+    top: 1300px;
    width: 58px;
    height: 58px;
    position: absolute;