Commit 6bef3d4a authored by 俞嘉婷's avatar 俞嘉婷

feat: 答题弹窗视觉更新

parent b2bcb808
Game/resource/game/红包2.png

38.4 KB | W: | H:

Game/resource/game/红包2.png

38.5 KB | W: | H:

Game/resource/game/红包2.png
Game/resource/game/红包2.png
Game/resource/game/红包2.png
Game/resource/game/红包2.png
  • 2-up
  • Swipe
  • Onion skin
Game/resource/game/红包3.png

28.8 KB | W: | H:

Game/resource/game/红包3.png

28.9 KB | W: | H:

Game/resource/game/红包3.png
Game/resource/game/红包3.png
Game/resource/game/红包3.png
Game/resource/game/红包3.png
  • 2-up
  • Swipe
  • Onion skin
...@@ -77,10 +77,10 @@ ...@@ -77,10 +77,10 @@
} }
</script> </script>
<script type="module" crossorigin src="https://yun.duiba.com.cn/db_games/spark/v3/1754461434868/assets/index-Cp0vaPZn.js"></script> <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/1754461434868/assets/vendor-BiCVt3x5.js"> <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/1754461434868/assets/vendor-BQh5NVNk.css"> <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/1754461434868/assets/index-BqPoFIa6.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">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> <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> </head>
...@@ -88,8 +88,8 @@ ...@@ -88,8 +88,8 @@
<body> <body>
<div id="root"></div> <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>!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-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/1754461434868/assets/index-legacy-BjKRPg-n.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</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> </body>
</html> </html>
\ No newline at end of file
...@@ -516,9 +516,9 @@ export default [ ...@@ -516,9 +516,9 @@ export default [
return { return {
"code": null, "code": null,
"data": { "data": {
"answers": ['aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa', "选项2", "选项3", "选项4"], "answers": ['aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa', "持有金额=持有份额×当前产品单位净值", "持有金额=持有份额×当前产品单位净值", "持有金额=持有份额×当前产品单位净值"],
"avatar": null, "avatar": null,
"content": "题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目题题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目题目", "content": "个人投资者投资经历满2年,且家庭金融净资产不低于300万元人民币,或者家庭金融资产不低于500万元人民币,或者近3年本人年均收入不低于40万元人民币,可被认定为私募理财产品的合格投资者。",
"fullStrength": true, "fullStrength": true,
"leaderAvatar": null, "leaderAvatar": null,
"leaderNickname": "0L809No0m_Z1J", "leaderNickname": "0L809No0m_Z1J",
......
src/assets/answerPanel/correctIcon.png

3.83 KB | W: | H:

src/assets/answerPanel/correctIcon.png

337 Bytes | W: | H:

src/assets/answerPanel/correctIcon.png
src/assets/answerPanel/correctIcon.png
src/assets/answerPanel/correctIcon.png
src/assets/answerPanel/correctIcon.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/answerPanel/errorIcon.png

5.74 KB | W: | H:

src/assets/answerPanel/errorIcon.png

335 Bytes | W: | H:

src/assets/answerPanel/errorIcon.png
src/assets/answerPanel/errorIcon.png
src/assets/answerPanel/errorIcon.png
src/assets/answerPanel/errorIcon.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/homePage/tab2_bg.png

12.5 KB | W: | H:

src/assets/homePage/tab2_bg.png

13 KB | W: | H:

src/assets/homePage/tab2_bg.png
src/assets/homePage/tab2_bg.png
src/assets/homePage/tab2_bg.png
src/assets/homePage/tab2_bg.png
  • 2-up
  • Swipe
  • Onion skin
...@@ -48,7 +48,7 @@ ...@@ -48,7 +48,7 @@
} }
.products_list { .products_list {
width: 653px; width: 680px;
// height: 696px; // height: 696px;
left: 50px; left: 50px;
top: 130px; top: 130px;
...@@ -56,6 +56,7 @@ ...@@ -56,6 +56,7 @@
position: absolute; position: absolute;
overflow-y: auto; overflow-y: auto;
padding-top: 50px; padding-top: 50px;
padding-right: 27px;
box-sizing: border-box; box-sizing: border-box;
.product_item { .product_item {
......
...@@ -118,6 +118,7 @@ class AnswerPanel extends React.Component { ...@@ -118,6 +118,7 @@ class AnswerPanel extends React.Component {
</div> </div>
})} })}
</div> </div>
<div className="tips">完成答题即可获得理财体验金奖励</div>
<Button className="close" onClick={this.handleClose} /> <Button className="close" onClick={this.handleClose} />
</div> </div>
); );
......
...@@ -8,40 +8,40 @@ ...@@ -8,40 +8,40 @@
position: absolute; position: absolute;
.bg { .bg {
left: 82px; left: 41px;
top: 406px; top: 440px;
width: 585px; width: 669px;
height: 711px; height: 812px;
position: absolute; position: absolute;
.sparkBg("answerPanel/answerPanelBg.png"); .sparkBg("answerPanel/answerPanelBg.png");
} }
.question-title { .question-title {
top: 598px; top: 590px;
left: 105px; left: 103px;
position: absolute; position: absolute;
width: 545px; width: 540px;
height: 120px; height: 190px;
overflow-y: scroll; overflow-y: scroll;
overflow-x: hidden; overflow-x: hidden;
font-size: 30px; font-size: 26px;
color: rgb(40, 25, 25); color: rgb(70, 26, 18);
font-weight: bold; font-weight: bold;
line-height: 1.2; line-height: 1.4;
} }
.answer-con { .answer-con {
width: 550px; width: 586px;
height: 360px; height: 360px;
position: absolute; position: absolute;
top: 740px; top: 800px;
left: 98px; left: 80px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
row-gap: 20px; row-gap: 10px;
.answer-item { .answer-item {
width: 520px; width: 100%;
height: auto; height: auto;
text-align: left; text-align: left;
color: rgb(88, 88, 88); color: rgb(88, 88, 88);
...@@ -50,12 +50,13 @@ ...@@ -50,12 +50,13 @@
line-height: 1.5; line-height: 1.5;
vertical-align: middle; vertical-align: middle;
word-break: break-all; word-break: break-all;
background-color: #dbdbdb; background-color: rgb(253, 239, 236);
border: 1px solid #fff; border-radius: 14px;
border-radius: 10px; padding: 16px 40px;
padding: 10px 15px;
// .sparkBg("answerPanel/normalBg.png"); // .sparkBg("answerPanel/normalBg.png");
position: relative; position: relative;
margin: 0 auto;
box-sizing: border-box;
} }
// .toolong { // .toolong {
...@@ -64,40 +65,52 @@ ...@@ -64,40 +65,52 @@
.error { .error {
color: #fff; color: #fff;
background-color: #e57174; background-color: rgb(220, 65, 69);
// .sparkBg("answerPanel/errorBg.png"); // .sparkBg("answerPanel/errorBg.png");
} }
.correct { .correct {
color: #fff; color: #fff;
background-color: #5eb272; background-color: rgb(107, 200, 129);
// .sparkBg("answerPanel/correctBg.png"); // .sparkBg("answerPanel/correctBg.png");
} }
.correct-icon { .correct-icon {
display: inline-block; display: inline-block;
position: absolute; position: absolute;
width: 61px; width: 40px;
height: 60px; height: 29px;
right: 0px; right: 20px;
top: -10px; top: 50%;
transform: translateY(-50%);
.sparkBg("answerPanel/correctIcon.png"); .sparkBg("answerPanel/correctIcon.png");
} }
.error-icon { .error-icon {
position: absolute; position: absolute;
width: 58px; width: 29px;
height: 54px; height: 29px;
right: 0px; right: 24px;
top: -10px; top: 50%;
transform: translateY(-50%);
display: inline-block; display: inline-block;
.sparkBg("answerPanel/errorIcon.png"); .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 { .close {
left: 346px; left: 346px;
top: 1186px; top: 1300px;
width: 58px; width: 58px;
height: 58px; height: 58px;
position: absolute; position: absolute;
......
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