Skip to content

T
TianGongKaiWu-20251203
Commit 47018181 authored by 王勇霞's avatar 王勇霞
Browse files
Options

fix: 弹窗处理

parent 39c98012
Hide whitespace changes
Inline Side-by-side
Showing with 118 additions and 91 deletions
dist/index.html
View file @ 47018181
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="theme-color" content="#000000"> <meta name="theme-color" content="#000000">
<link rel="dns-prefetch" href="//yun.duiba.com.cn" /> <link rel="dns-prefetch" href="//yun.duiba.com.cn" />
<link rel="preconnect" href="//embedlog.duiba.com.cn"> <link rel="preconnect" href="//embedlog.duiba.com.cn">
<title>模拟理财 月度争霸赛</title> <title>模拟理财 月度争霸赛</title>
<script type="text/javascript"> <script type="text/javascript">
if (localStorage && localStorage.isWebp) { if (localStorage && localStorage.isWebp) {
document document
.getElementsByTagName('html')[0] .getElementsByTagName('html')[0]
.setAttribute('duiba-webp', 'true'); .setAttribute('duiba-webp', 'true');
} }
</script> </script>
<script src="//yun.duiba.com.cn/js-libs/rem/1.1.3/rem.min.js"></script> <script src="//yun.duiba.com.cn/js-libs/rem/1.1.3/rem.min.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<!-- 华夏银行app文件 --> <!-- 华夏银行app文件 -->
<script src="//yun.duiba.com.cn/polaris/hxbExtLib.min.f2e3022c5ce5dd92689bff0a5b6c5cb0e9193cd1.js"></script> <script src="//yun.duiba.com.cn/polaris/hxbExtLib.min.f2e3022c5ce5dd92689bff0a5b6c5cb0e9193cd1.js"></script>
<script> <script>
if (typeof window.queueMicrotask !== "function") { if (typeof window.queueMicrotask !== "function") {
window.queueMicrotask = function (callback) { window.queueMicrotask = function (callback) {
Promise.resolve().then(callback).catch(function (error) { Promise.resolve().then(callback).catch(function (error) {
setTimeout(function () { throw error; }); setTimeout(function () { throw error; });
}); });
}; };
} }
</script> </script>
<script> <script>
var CFG = CFG || {}; var CFG = CFG || {};
CFG.projectId = location.pathname.split('/')[2] || '1'; CFG.projectId = location.pathname.split('/')[2] || '1';
function getUrlParam(name) { function getUrlParam(name) {
var search = window.location.search; var search = window.location.search;
var matched = search var matched = search
.slice(1) .slice(1)
.match(new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i')); .match(new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'));
return search.length ? matched && matched[2] : null; return search.length ? matched && matched[2] : null;
} }
CFG.appID = '${APPID}'; CFG.appID = '${APPID}';
CFG.domain = location.origin CFG.domain = location.origin
// 渠道 // 渠道
CFG.channel = getUrlParam("channel"); CFG.channel = getUrlParam("channel");
// 首页 // 首页
CFG.index = '/projectx/' + CFG.projectId + '/index.html?appID=' + CFG.appID + '&channel=' + CFG.channel; CFG.index = '/projectx/' + CFG.projectId + '/index.html?appID=' + CFG.appID + '&channel=' + CFG.channel;
CFG.prize = '/projectx/' + CFG.projectId + '/prize.html?appID=' + CFG.appID + '&channel=' + CFG.channel; CFG.prize = '/projectx/' + CFG.projectId + '/prize.html?appID=' + CFG.appID + '&channel=' + CFG.channel;
// 提示弹窗二维码短链链接（目的页是 首页xx/index.html?off=1） 线上正式 TODO 域名记得改为dexfu的 // 提示弹窗二维码短链链接（目的页是 首页xx/index.html?off=1） 线上正式 TODO 域名记得改为dexfu的
CFG.prizePageQrcodeUrl = CFG.domain + CFG.index + "&off=1"; CFG.prizePageQrcodeUrl = CFG.domain + CFG.index + "&off=1";
// 分享落地页 // 分享落地页
CFG.shareUrl = "/projectx/" + CFG.projectId + "/share.html?appID=" + CFG.appID + '&channel=' + CFG.channel + "&appKey=3oLQF9j3y7BKJUquwGn56hL6zzCW&openBs=openbs"; CFG.shareUrl = "/projectx/" + CFG.projectId + "/share.html?appID=" + CFG.appID + '&channel=' + CFG.channel + "&appKey=3oLQF9j3y7BKJUquwGn56hL6zzCW&openBs=openbs";
if (CFG.projectId === 'pe8805796') { if (CFG.projectId === 'pe8805796') {
// 测试环境 // 测试环境
// http://activity.m.duibatest.com.cn/projectx/pe8805796/share.html?appKey=jlg88lyxz7siqtmr&openBs=openbs&appID=1 // http://activity.m.duibatest.com.cn/projectx/pe8805796/share.html?appKey=jlg88lyxz7siqtmr&openBs=openbs&appID=1
CFG.shareUrl = CFG.shareUrl + "&appKey=jlg88lyxz7siqtmr&openBs=openbs" CFG.shareUrl = CFG.shareUrl + "&appKey=jlg88lyxz7siqtmr&openBs=openbs"
} }
CFG.inviteCode = getUrlParam('inviteCode'); CFG.inviteCode = getUrlParam('inviteCode');
if (!getUrlParam("appID")) { if (!getUrlParam("appID")) {
// alert("【警告】检测到活动url中没有appID参数\n缺少该参数会导致埋点、分享、app信息获取错误。") // alert("【警告】检测到活动url中没有appID参数\n缺少该参数会导致埋点、分享、app信息获取错误。")
} }
</script> </script>
<script type="module" crossorigin src="https://yun.duiba.com.cn/db_games/spark/v3/1765938227514/assets/index-5IKPFNWO.js"></script> <script type="module" crossorigin src="https://yun.duiba.com.cn/db_games/spark/v3/1765941639133/assets/index-HlVzgnBF.js"></script>
<link rel="modulepreload" crossorigin href="https://yun.duiba.com.cn/db_games/spark/v3/1765938227514/assets/vendor-CDQ48mb8.js"> <link rel="modulepreload" crossorigin href="https://yun.duiba.com.cn/db_games/spark/v3/1765941639133/assets/vendor-CDQ48mb8.js">
<link rel="stylesheet" crossorigin href="https://yun.duiba.com.cn/db_games/spark/v3/1765938227514/assets/vendor-BQh5NVNk.css"> <link rel="stylesheet" crossorigin href="https://yun.duiba.com.cn/db_games/spark/v3/1765941639133/assets/vendor-BQh5NVNk.css">
<link rel="stylesheet" crossorigin href="https://yun.duiba.com.cn/db_games/spark/v3/1765938227514/assets/index-B7KrT_de.css"> <link rel="stylesheet" crossorigin href="https://yun.duiba.com.cn/db_games/spark/v3/1765941639133/assets/index-CVYkV1ZU.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>
<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/1765938227514/assets/polyfills-legacy-DTQxxLmk.js"></script> <script nomodule crossorigin id="vite-legacy-polyfill" src="https://yun.duiba.com.cn/db_games/spark/v3/1765941639133/assets/polyfills-legacy-DTQxxLmk.js"></script>
<script nomodule crossorigin id="vite-legacy-entry" data-src="https://yun.duiba.com.cn/db_games/spark/v3/1765938227514/assets/index-legacy-BcianXf_.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/1765941639133/assets/index-legacy-BjyZMm2h.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
</body> </body>
</html> </html>
\ No newline at end of file
mock/main.ts
View file @ 47018181
...@@ -175,6 +175,7 @@ export default [ ...@@ -175,6 +175,7 @@ export default [
"otherPrizeInfo": { "otherPrizeInfo": {
"productName": "deserunt in aliquip", "productName": "deserunt in aliquip",
"prizeName": "culpa non dolore", "prizeName": "culpa non dolore",
"prizeImg": "https://picsum.photos/200/200",
"link": "minim et commodo eu ullamco" "link": "minim et commodo eu ullamco"
}, },
"extra": "tempor sunt ipsum", "extra": "tempor sunt ipsum",
...@@ -199,7 +200,7 @@ export default [ ...@@ -199,7 +200,7 @@ export default [
"userRecordId": -61652610.372493036, "userRecordId": -61652610.372493036,
"prizeType": -44199772, "prizeType": -44199772,
"prizeId": "dolore fugiat", "prizeId": "dolore fugiat",
"optionImg": "amet aliqua", "optionImg": "https://picsum.photos/200/200",
"optionName": "100元", "optionName": "100元",
"optionId": "eiusmod", "optionId": "eiusmod",
"sendCount": 15610138.453658357, "sendCount": 15610138.453658357,
......
public/index.html
View file @ 47018181
...@@ -68,19 +68,20 @@ ...@@ -68,19 +68,20 @@
} }
</script> </script>
<script type="module" crossorigin src="https://yun.duiba.com.cn/db_games/spark/v3/1765874895675/assets/index-DA0aTbdp.js"></script> <script type="module" crossorigin src="https://yun.duiba.com.cn/db_games/spark/v3/1765938227514/assets/index-5IKPFNWO.js"></script>
<link rel="modulepreload" crossorigin href="https://yun.duiba.com.cn/db_games/spark/v3/1765874895675/assets/vendor-CDQ48mb8.js"> <link rel="modulepreload" crossorigin href="https://yun.duiba.com.cn/db_games/spark/v3/1765938227514/assets/vendor-CDQ48mb8.js">
<link rel="stylesheet" crossorigin href="https://yun.duiba.com.cn/db_games/spark/v3/1765874895675/assets/vendor-BQh5NVNk.css"> <link rel="stylesheet" crossorigin href="https://yun.duiba.com.cn/db_games/spark/v3/1765938227514/assets/vendor-BQh5NVNk.css">
<link rel="stylesheet" crossorigin href="https://yun.duiba.com.cn/db_games/spark/v3/1765874895675/assets/index-CujIsRgU.css"> <link rel="stylesheet" crossorigin href="https://yun.duiba.com.cn/db_games/spark/v3/1765938227514/assets/index-B7KrT_de.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>
<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/1765874895675/assets/polyfills-legacy-DTQxxLmk.js"></script> <script nomodule crossorigin id="vite-legacy-polyfill" src="https://yun.duiba.com.cn/db_games/spark/v3/1765938227514/assets/polyfills-legacy-DTQxxLmk.js"></script>
<script nomodule crossorigin id="vite-legacy-entry" data-src="https://yun.duiba.com.cn/db_games/spark/v3/1765874895675/assets/index-legacy-Bzop7nBf.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/1765938227514/assets/index-legacy-BcianXf_.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
</body> </body>
</html> </html>
\ No newline at end of file
src/assets/signPop/liulan_bg.png
View replaced file @ 39c98012 View file @ 47018181
src/assets/signPop/liulan_bg.png

251 KB | W: | H:

src/assets/signPop/liulan_bg.png

239 KB | W: | H:

src/assets/signPop/liulan_bg.png
src/assets/signPop/liulan_bg.png
src/assets/signPop/liulan_bg.png
src/assets/signPop/liulan_bg.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/signPop/task_bg.png
View replaced file @ 39c98012 View file @ 47018181
src/assets/signPop/task_bg.png

243 KB | W: | H:

src/assets/signPop/task_bg.png

231 KB | W: | H:

src/assets/signPop/task_bg.png
src/assets/signPop/task_bg.png
src/assets/signPop/task_bg.png
src/assets/signPop/task_bg.png
  • 2-up
  • Swipe
  • Onion skin
src/panels/signSuccessPop/index.jsx
View file @ 47018181
...@@ -24,6 +24,7 @@ class SignSuccessPop extends React.Component { ...@@ -24,6 +24,7 @@ class SignSuccessPop extends React.Component {
<div className='center-box'> <div className='center-box'>
<span className="bg"></span> <span className="bg"></span>
<div className='prize_title'>恭喜获得{prizeInfo?.optionName}</div> <div className='prize_title'>恭喜获得{prizeInfo?.optionName}</div>
<img className="prize_img" src={prizeInfo?.optionImg || ''} alt="" />
<div className='prize_name'>{prizeInfo?.optionName}</div> <div className='prize_name'>{prizeInfo?.optionName}</div>
<Button className="know_btn md19" onClick={this.handleClose} /> <Button className="know_btn md19" onClick={this.handleClose} />
<Button className="close" onClick={this.handleClose} /> <Button className="close" onClick={this.handleClose} />
......
src/panels/signSuccessPop/index.less
View file @ 47018181
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
.prize_title { .prize_title {
width: 539px; width: 539px;
font-size: 45px; font-size: 40px;
font-weight: bold; font-weight: bold;
position: absolute; position: absolute;
left: 0; left: 0;
...@@ -34,6 +34,19 @@ ...@@ -34,6 +34,19 @@
padding: 0 20px; padding: 0 20px;
box-sizing: border-box; box-sizing: border-box;
color: #5b2200; color: #5b2200;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.prize_img {
width: 220px;
height: 220px;
border-radius: 20px;
position: absolute;
left: 158px;
top: 184px;
} }
.prize_name { .prize_name {
......
src/panels/signTaskPop/index.jsx
View file @ 47018181
...@@ -32,6 +32,7 @@ class SignTaskPop extends React.Component { ...@@ -32,6 +32,7 @@ class SignTaskPop extends React.Component {
<div className='center-box'> <div className='center-box'>
<span className="bg"></span> <span className="bg"></span>
<div className='prize_remark'>浏览“{otherPrizeInfo?.productName}”产品，再得{otherPrizeInfo?.prizeName}</div> <div className='prize_remark'>浏览“{otherPrizeInfo?.productName}”产品，再得{otherPrizeInfo?.prizeName}</div>
<img className="prize_img" src={otherPrizeInfo?.prizeImg || ''} alt="" />
<Button className="know_btn md18" onClick={this.handleToLink} /> <Button className="know_btn md18" onClick={this.handleToLink} />
{/* <Button className="close" onClick={this.handleClose} /> */} {/* <Button className="close" onClick={this.handleClose} /> */}
</div> </div>
......
src/panels/signTaskPop/index.less
View file @ 47018181
...@@ -33,9 +33,19 @@ ...@@ -33,9 +33,19 @@
box-sizing: border-box; box-sizing: border-box;
text-align: center; text-align: center;
color: #5b2200; color: #5b2200;
padding: 0 110px; padding: 0 60px;
} }
.prize_img {
width: 220px;
height: 220px;
border-radius: 20px;
position: absolute;
left: 158px;
top: 220px;
}
.know_btn { .know_btn {
position: absolute; position: absolute;
left: 60px; left: 60px;
......
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