Skip to content

L
LuzhouLaojiaoSnake_250428
Commit 3309ed30 authored by wangzhujun's avatar wangzhujun
Browse files
Options

修改抽奖弹窗

parent 34e50ec5
Show whitespace changes
Inline Side-by-side
Showing with 26 additions and 20 deletions
dist/index.html
View file @ 3309ed30
...@@ -35,17 +35,17 @@ ...@@ -35,17 +35,17 @@
// https://activity.m.duiba.com.cn/customShare/share?id=Did1NjA5Mjc // https://activity.m.duiba.com.cn/customShare/share?id=Did1NjA5Mjc
CFG.loginUrl = 'https://98570-activity.m.dexfu.cn/customShare/share?id=Did1NjA5Mjc' CFG.loginUrl = 'https://98570-activity.m.dexfu.cn/customShare/share?id=Did1NjA5Mjc'
</script> </script>
<script type="module" crossorigin src="https://yun.duiba.com.cn/db_games/spark/v3/1747217978413/assets/index-WQueaT1n.js"></script> <script type="module" crossorigin src="https://yun.duiba.com.cn/db_games/spark/v3/1747280130528/assets/index-BsWUWtfK.js"></script>
<link rel="modulepreload" crossorigin href="https://yun.duiba.com.cn/db_games/spark/v3/1747217978413/assets/vendor-BYSXPXK3.js"> <link rel="modulepreload" crossorigin href="https://yun.duiba.com.cn/db_games/spark/v3/1747280130528/assets/vendor-Dtz-LbJu.js">
<link rel="stylesheet" crossorigin href="https://yun.duiba.com.cn/db_games/spark/v3/1747217978413/assets/vendor-CWeaUrOh.css"> <link rel="stylesheet" crossorigin href="https://yun.duiba.com.cn/db_games/spark/v3/1747280130528/assets/vendor-CWeaUrOh.css">
<link rel="stylesheet" crossorigin href="https://yun.duiba.com.cn/db_games/spark/v3/1747217978413/assets/index-CmC_KkOl.css"> <link rel="stylesheet" crossorigin href="https://yun.duiba.com.cn/db_games/spark/v3/1747280130528/assets/index-BBhYcZ9w.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/1747217978413/assets/polyfills-legacy-C2MhNPfJ.js"></script> <script nomodule crossorigin id="vite-legacy-polyfill" src="https://yun.duiba.com.cn/db_games/spark/v3/1747280130528/assets/polyfills-legacy-C2MhNPfJ.js"></script>
<script nomodule crossorigin id="vite-legacy-entry" data-src="https://yun.duiba.com.cn/db_games/spark/v3/1747217978413/assets/index-legacy-BTOtzJqf.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/1747280130528/assets/index-legacy-kM9QkZd0.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
</body> </body>
</html> </html>
......
src/assets/drawPop/bg.png
View replaced file @ 34e50ec5 View file @ 3309ed30
src/assets/drawPop/bg.png

46.4 KB | W: | H:

src/assets/drawPop/bg.png

126 KB | W: | H:

src/assets/drawPop/bg.png
src/assets/drawPop/bg.png
src/assets/drawPop/bg.png
src/assets/drawPop/bg.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/drawPop/boxs.png
View replaced file @ 34e50ec5 View file @ 3309ed30
src/assets/drawPop/boxs.png

171 KB | W: | H:

src/assets/drawPop/boxs.png

168 KB | W: | H:

src/assets/drawPop/boxs.png
src/assets/drawPop/boxs.png
src/assets/drawPop/boxs.png
src/assets/drawPop/boxs.png
  • 2-up
  • Swipe
  • Onion skin
src/components/drawpop/drawpop.less
View file @ 3309ed30
...@@ -6,18 +6,18 @@ ...@@ -6,18 +6,18 @@
top: 0px; top: 0px;
position: absolute; position: absolute;
.bg { .bg {
width: 625px; width: 679px;
height: 888px; height: 671px;
left: 63px; left: 35px;
top: 325px; top: 369px;
position: absolute; position: absolute;
.sparkBg("drawPop/bg.png"); .sparkBg("drawPop/bg.png");
} }
.boxs { .boxs {
width: 412px; width: 584px;
height: 362px; height: 361px;
left: 177px; left: 86px;
top: 555px; top: 653px;
position: absolute; position: absolute;
.sparkBg("drawPop/boxs.png"); .sparkBg("drawPop/boxs.png");
} }
......
src/components/drawpop/drawpop.tsx
View file @ 3309ed30
...@@ -35,7 +35,7 @@ class Drawpop extends React.Component<{}, DrawpopState> { ...@@ -35,7 +35,7 @@ class Drawpop extends React.Component<{}, DrawpopState> {
// 假设 data 包含 remainDrawTimes 和 prizeInfo // 假设 data 包含 remainDrawTimes 和 prizeInfo
this.setState({ this.setState({
remainDrawTimes: data.remainDrawTimes || 0, remainDrawTimes: data.remainDrawTimes || 0,
prizeInfo: data.prizeInfo || [], // prizeInfo: data.prizeInfo || [],
}); });
} }
} }
...@@ -51,6 +51,12 @@ class Drawpop extends React.Component<{}, DrawpopState> { ...@@ -51,6 +51,12 @@ class Drawpop extends React.Component<{}, DrawpopState> {
this.setState({ this.setState({
showSvga: true showSvga: true
}) })
ModalCtrl.closeModal();
if (this.drawInfo.prizeId == "thanks") {
ModalCtrl.showModal(Drawnoprizepop)
} else {
ModalCtrl.showModal(Drawprizepop, { ...this.drawInfo })
}
} }
}) })
render() { render() {
...@@ -58,7 +64,7 @@ class Drawpop extends React.Component<{}, DrawpopState> { ...@@ -58,7 +64,7 @@ class Drawpop extends React.Component<{}, DrawpopState> {
<div className="drawpop modal_center"> <div className="drawpop modal_center">
<span className="bg"></span> <span className="bg"></span>
<span className="boxs"></span> <span className="boxs"></span>
{ {/* {
this.state.showSvga && <SvgaPlayer className='svga' src={drawSvga} loop={1} onEnd={() => { this.state.showSvga && <SvgaPlayer className='svga' src={drawSvga} loop={1} onEnd={() => {
ModalCtrl.closeModal(); ModalCtrl.closeModal();
...@@ -68,13 +74,13 @@ class Drawpop extends React.Component<{}, DrawpopState> { ...@@ -68,13 +74,13 @@ class Drawpop extends React.Component<{}, DrawpopState> {
ModalCtrl.showModal(Drawprizepop, { ...this.drawInfo }) ModalCtrl.showModal(Drawprizepop, { ...this.drawInfo })
} }
}}></SvgaPlayer> }}></SvgaPlayer>
} } */}
<span className="title"></span> {/* <span className="title"></span> */}
<Button className={"drawbtn md25" + (this.state.remainDrawTimes > 0 ? " btnBreath" : "")} onClick={this.drawPrize}> <Button className={"drawbtn md25" + (this.state.remainDrawTimes > 0 ? " btnBreath" : "")} onClick={this.drawPrize}>
<span className="drawbg"></span> <span className="drawbg"></span>
<span className="drawnum">剩余次数：{this.state.remainDrawTimes}</span> <span className="drawnum">剩余次数：{this.state.remainDrawTimes}</span>
</Button> </Button>
<div className="prizelist"> {/* <div className="prizelist">
{ {
this.state.prizeInfo.map((item, index) => { this.state.prizeInfo.map((item, index) => {
return <div className="prizeitem" key={"prizei" + index}> return <div className="prizeitem" key={"prizei" + index}>
...@@ -85,7 +91,7 @@ class Drawpop extends React.Component<{}, DrawpopState> { ...@@ -85,7 +91,7 @@ class Drawpop extends React.Component<{}, DrawpopState> {
</div> </div>
}) })
} }
</div> </div> */}
<Button className="back md26" onClick={this.closePop}></Button> <Button className="back md26" onClick={this.closePop}></Button>
</div> </div>
); );
......
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