Commit d1c12dea authored by 俞嘉婷's avatar 俞嘉婷

feat: 新增海报分享弹窗

parent 9940e32b
......@@ -77,10 +77,10 @@
}
</script>
<script type="module" crossorigin src="https://yun.duiba.com.cn/db_games/spark/v3/1754444377843/assets/index-9sDIFceJ.js"></script>
<link rel="modulepreload" crossorigin href="https://yun.duiba.com.cn/db_games/spark/v3/1754444377843/assets/vendor-BiCVt3x5.js">
<link rel="stylesheet" crossorigin href="https://yun.duiba.com.cn/db_games/spark/v3/1754444377843/assets/vendor-BQh5NVNk.css">
<link rel="stylesheet" crossorigin href="https://yun.duiba.com.cn/db_games/spark/v3/1754444377843/assets/index-Wnh7jRcP.css">
<script type="module" crossorigin src="https://yun.duiba.com.cn/db_games/spark/v3/1754461268260/assets/index-BXHV2_-0.js"></script>
<link rel="modulepreload" crossorigin href="https://yun.duiba.com.cn/db_games/spark/v3/1754461268260/assets/vendor-BiCVt3x5.js">
<link rel="stylesheet" crossorigin href="https://yun.duiba.com.cn/db_games/spark/v3/1754461268260/assets/vendor-BQh5NVNk.css">
<link rel="stylesheet" crossorigin href="https://yun.duiba.com.cn/db_games/spark/v3/1754461268260/assets/index-CO-tVajk.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/1754444377843/assets/polyfills-legacy-D0AVcSo7.js"></script>
<script nomodule crossorigin id="vite-legacy-entry" data-src="https://yun.duiba.com.cn/db_games/spark/v3/1754444377843/assets/index-legacy-DKY9urDK.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/1754461268260/assets/polyfills-legacy-D0AVcSo7.js"></script>
<script nomodule crossorigin id="vite-legacy-entry" data-src="https://yun.duiba.com.cn/db_games/spark/v3/1754461268260/assets/index-legacy-GLnPGBsy.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
</body>
</html>
\ No newline at end of file
......@@ -35,7 +35,7 @@ class App extends Component {
prize: PrizePage,
share: SharePage
}[skinId] || HomePage;
PageCtrl.changePage(defaultPage);
PageCtrl.changePage(SharePage);
}
async componentDidMount() {
......
'use strict';
import React from 'react';
import { observer } from 'mobx-react';
import './sharepop.less';
import { ModalCtrl } from '@/core/ctrls/ModalCtrl';
import shareStore from '@/store/share';
import { _throttle } from '@/utils/utils';
import { Toast } from '@grace/ui';
import { copyToClipboard } from '@spark/utils';
@observer
class Sharepop extends React.Component {
constructor(props) {
super(props);
}
componentDidMount() {
shareStore.getShareLink(true);
}
copyHandle = _throttle(() => {
copyToClipboard(shareStore.inviteUrl);
setTimeout(() => {
copyToClipboard(shareStore.inviteUrl);
}, 200)
Toast.show("邀请链接已复制,快去微信打开吧")
})
close = () => {
ModalCtrl.closeModal()
}
render() {
return (
<div className="sharepop modal_center">
<span className="close" onClick={this.close}></span>
<span className="bg"></span>
<div className="copy_btn" onClick={this.copyHandle}></div>
<span className="tips">将已复制链接发送好友,好友微信打开链接即可点赞助力</span>
</div>
);
}
}
export default Sharepop;
@import "../../res.less";
.sharepop {
width: 750px;
height: 1624px;
left: 0px;
top: 0px;
position: absolute;
.close {
left: 345px;
top: 1344px;
width: 58px;
height: 58px;
position: absolute;
.sparkBg("common/close.png");
}
.bg {
left: 70px;
top: 366px;
width: 607px;
height: 862px;
position: absolute;
.sparkBg("sharePop/bg.png");
}
.copy_btn {
left: 162px;
top: 1056px;
width: 425px;
height: 98px;
position: absolute;
.sparkBg("sharePop/copy_btn.png");
}
.tips {
position: absolute;
left: 70px;
top: 1173px;
width: 607px;
font-size: 20px;
color: rgba(63, 43, 43, 0.671);
text-align: center;
}
}
......@@ -4,7 +4,8 @@ import store from './store';
import { CHANNEL } from '@/utils/utils';
import { Toast } from '@grace/ui';
import { hxbankShare } from './bank';
import { copyToClipboard } from '@spark/utils';
import { ModalCtrl } from '@/core/ctrls/ModalCtrl';
import Sharepop from '@/panels/sharepop/sharepop';
const shareStore = makeAutoObservable({
......@@ -36,13 +37,6 @@ const shareStore = makeAutoObservable({
url += `&inviteCode=${this.inviteCode}`;
}
this.inviteUrl = url;
if (CFG.channel != CHANNEL.HXBANK) {
copyToClipboard(this.inviteUrl);
setTimeout(() => {
copyToClipboard(this.inviteUrl);
}, 200)
Toast.show("邀请链接已复制,快去微信打开吧")
}
return url;
},
......@@ -61,7 +55,7 @@ const shareStore = makeAutoObservable({
console.log('分享方法', err)
}
} else {
const _url = await this.getShareLink(isInvite);
ModalCtrl.showModal(Sharepop)
}
},
......
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