yuyongdong/mint-tow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mint测试完成

Browse Source
This commit is contained in:
yuyongdong 2024-06-27 10:32:10 +08:00
parent 8662141f35
commit b698d63c31
4 changed files with 96 additions and 109 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.env.development
View File

@ -1,7 +1,7 @@
VITE_BASE_API='https://oauth-svr.cebggame.com/mint'
VITE_GPAL_API='http://192.168.100.83:4000/sns'
# VITE_GPAL_ROUTER='https://vlpwkzon-testflight.counterfire.games'
VITE_GPAL_ROUTER='https://mint.kingsome.cn/'
VITE_GPAL_ROUTER='https://mint.kingsome.cn'
VITE_TOKENID_ID='0x34a1'
VITE_ERC_ADDRESS='0xFd42bfb03212dA7e1A4608a44d7658641D99CF34'
VITE_CFNFT_ADDRESS='0xaa34B79A0Ab433eaC900fB3CB9f191F5Cd27501D'

12
index.html
View File

@ -2,9 +2,17 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<link rel="icon" type="image/svg+xml" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + Vue</title>
<title>GENESIS HEROES: New Arrivals</title>
<meta
name="description"
content="Embrace the P2E Season,Heroes Await in New Worlds!"
/>
<meta
property="og:image"
content="https://mint.counterfire.games/mint.png"
/>
</head>
<body>
<div id="app"></div>

BIN
public/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

191
src/view/mintIndex.vue
View File

@ -52,20 +52,20 @@
<span>{{ minutes1 }}M</span>
<span>{{ senconds1 }}S</span>
</div>
<div v-if="activityState == 2 || activityState == 1 || activityState == 3" class="mint-time">
<span>OPENING</span>
<div v-if="activityState == 2 || activityState == 1" class="mint-time">
<p>OPENING</p>
</div>
<div v-if="activityState == 4" class="mint-time">
<div v-if="activityState == 3" class="mint-time">
<span class="mint-ent">The minting session has ended.</span>
</div>
</div>
<div class="home-content-left-time-btm home-content-left-time-btm-tow">
<p>FCFS Mint</p>
<div v-if="activityState == 4" class="mint-time">
<div v-if="activityState == 3" class="mint-time">
<span class="mint-ent">The minting session has ended.</span>
</div>
<div v-else-if="activityState == 3" class="mint-time">
<span>OPENING</span>
<div v-else-if="activityState == 2" class="mint-time">
<p>OPENING</p>
</div>
<div v-else class="mint-time">
<span>{{ days2 }}D</span>
@ -172,12 +172,6 @@
</div>
</div>
<div class="join-list-btm">
<div class="claim-price">
<h1>Mint Price: {{mintPrice}}</h1>
<div>
<img src="./../assets/home/ETHicon.png" alt />
</div>
</div>
</div>
</div>
<div class="join-btm">
@ -194,22 +188,25 @@
</span>
</div>
</div>
<div v-if="isOpenClaim == 2" class="amount">
<span>Boom! You are on the whitelist</span>
</div>
<div v-if="isOpenClaim == 1" class="amount">You are not on the whitelist</div>
</div>
<div class="join-btm-right" @click="hasNot">
<div
class="mint"
class="noWhite"
>
<span>Mint</span>
&nbsp;
<div>
<img class="hover-show" src="./../assets/home/Arrow2.png" alt />
<img class="hover-none" src="./../assets/home/Arrow3.png" alt />
</div>
</div>
</div>
</div>
</div>
<div v-if="activityState == 1 || activityState == 2 || activityState == 3" class="home-content-right-join-btm">
<div v-if="activityState == 1 || activityState == 2" class="home-content-right-join-btm">
<div class="join-list">
<div class="join-list-top">
<div class="claim-period">
@ -294,7 +291,7 @@
</div>
</div>
</div>
<div v-if="activityState == 4" class="home-content-right-join-btm">
<div v-if="activityState == 3" class="home-content-right-join-btm">
<div class="join-list">
<div class="join-list-top">
<div class="claim-period">
@ -342,7 +339,7 @@
<div class="home-content-right-join-top">
<img src="./../assets/home/Gen2_raw.gif" alt />
</div>
<div v-if="activityState == 4" class="home-content-right-join-btm">
<div v-if="activityState == 3" class="home-content-right-join-btm">
<div class="join-list">
<div class="join-list-top">
<div class="claim-period">
@ -373,7 +370,6 @@
</div>
<div class="join-btm-right">
<div
v-if="activityState == 0 || activityState == 4 || isOpenClaim == 1"
class="noWhite"
>
<span>Mint</span>
@ -386,19 +382,19 @@
</div>
</div>
</div>
<div v-if="activityState == 0 || activityState == 1 || activityState == 2" class="home-content-right-join-btm FCFS-no">
<div v-if="activityState == 0 || activityState == 1" class="home-content-right-join-btm FCFS-no">
<div class="tow-title">
<p>FCFS Mint will be available on a</p>
<p>first-come-first-served basis</p>
</div>
<div class="tow-time-title">Countdown</div>
<div class="tow-time-event">
<span>{{ hours2 }}H&nbsp;</span>
<span>{{ minutes2 }}M&nbsp;</span>
<span>{{ senconds2 }}S&nbsp;</span>
<span>{{ hours2 }}H</span>
<span>{{ minutes2 }}M</span>
<span>{{ senconds2 }}S</span>
</div>
</div>
<div v-if="activityState == 3" class="home-content-right-join-btm">
<div v-if="activityState == 2" class="home-content-right-join-btm">
<div class="join-list">
<div class="join-list-top">
<div class="claim-period">
@ -868,7 +864,7 @@ const getLinkWallet = async value => {
};
// Mint状态
const activityState = ref(3);
const activityState = ref(1);
let days1 = ref(0);
let hours1 = ref(0);
let minutes1 = ref(0);
@ -882,25 +878,22 @@ const openNft = ref(1719284551426)
// 倒计时
const starTimer = () => {
let now = new Date().getTime();
let str = 1718099100000; // 开始前 （前24）
let bar = 1718099400000; // 开始后 （一期倒计时4小时）
let end = 1718099940000; // 结束前 （）
let str = 1719397500000; // 开始（前24）
let bar = 1719397500000; // 一期开始（一期倒计时4小时）
let towBar = 1725197560000; // 二期开始 （一期倒计时4小时）
let end = 1719397620000; // 结束 （）
let strTime = (str - now) / 1000; // 开始前毫秒数 - 现在毫秒数
let begTime = (bar - now) / 1000; // 开始后毫秒数 - 现在毫秒数
let leftTime = (end - now) / 1000; // 结束前毫秒数 - 现在毫秒数
let begTime = (bar - now) / 1000; // 一期开始毫秒数 - 现在毫秒数
let towBarTime = (towBar - now) / 1000; // 二期开始毫秒数 - 现在毫秒数
let leftTime = (end - now) / 1000; // 结束毫秒数 - 现在毫秒数
let towStr = 1718099700000; // 开始前 （前24）
let towBar = 1718099820000; // 开始后 （一期倒计时4小时）
let towEnd = 1718099940000; // 结束前 （）
let towStrTime = (towStr - now) / 1000; // 开始前毫秒数 - 现在毫秒数
let towBarTime = (towBar - now) / 1000; // 开始后毫秒数 - 现在毫秒数
let towEndTime = (towEnd - now) / 1000; // 结束前毫秒数 - 现在毫秒数
timer = setInterval(() => {
// times--;
if (strTime >= 1) {
// 开始前
strTime--;
towStrTime--;
towBarTime--;
leftTime--;
let d = parseInt(String(strTime / 60 / 60 / 24));
d = d < 10 ? "0" + d : d;
let h = parseInt(String((strTime / 60 / 60) % 24));
@ -909,34 +902,6 @@ const starTimer = () => {
m = m < 10 ? "0" + m : m;
let s = parseInt(String(strTime % 60));
s = s < 10 ? "0" + s : s;
let dd = parseInt(String(towStrTime / 60 / 60 / 24));
dd = dd < 10 ? "0" + dd : dd;
let hh = parseInt(String((towStrTime / 60 / 60) % 24));
hh = hh < 10 ? "0" + hh : hh;
let mm = parseInt(String((towStrTime / 60) % 60));
mm = mm < 10 ? "0" + mm : mm;
let ss = parseInt(String(towStrTime % 60));
ss = ss < 10 ? "0" + ss : ss;
days1.value = d;
hours1.value = h;
minutes1.value = m;
senconds1.value = s;
days2.value = dd;
hours2.value = hh;
minutes2.value = mm;
senconds2.value = ss;
activityState.value = 0;
} else if (begTime >= 1) {
begTime--;
towBarTime--;
let d = Math.floor(begTime / 60 / 60 / 24);
d = d < 10 ? "0" + d : d;
let h = Math.floor((begTime / 60 / 60) % 24);
h = h < 10 ? "0" + h : h;
let m = Math.floor((begTime / 60) % 60);
m = m < 10 ? "0" + m : m;
let s = Math.floor(begTime % 60);
s = s < 10 ? "0" + s : s;
let dd = parseInt(String(towBarTime / 60 / 60 / 24));
dd = dd < 10 ? "0" + dd : dd;
let hh = parseInt(String((towBarTime / 60 / 60) % 24));
@ -953,52 +918,57 @@ const starTimer = () => {
hours2.value = hh;
minutes2.value = mm;
senconds2.value = ss;
activityState.value = 1;
} else if (leftTime >= 1) {
// console.log(leftTime)
activityState.value = 0;
} else if (towBarTime >= 1) {
// 一期开始 二期开始前
towBarTime--;
leftTime--;
towEndTime--;
let d = Math.floor(leftTime / 60 / 60 / 24);
d = d < 10 ? "0" + d : d;
let h = Math.floor((leftTime / 60 / 60) % 24);
h = h < 10 ? "0" + h : h;
let m = Math.floor((leftTime / 60) % 60);
m = m < 10 ? "0" + m : m;
let s = Math.floor(leftTime % 60);
s = s < 10 ? "0" + s : s;
let dd = parseInt(String(towEndTime / 60 / 60 / 24));
let dd = parseInt(String(towBarTime / 60 / 60 / 24));
dd = dd < 10 ? "0" + dd : dd;
let hh = parseInt(String((towEndTime / 60 / 60) % 24));
let hh = parseInt(String((towBarTime / 60 / 60) % 24));
hh = hh < 10 ? "0" + hh : hh;
let mm = parseInt(String((towEndTime / 60) % 60));
let mm = parseInt(String((towBarTime / 60) % 60));
mm = mm < 10 ? "0" + mm : mm;
let ss = parseInt(String(towEndTime % 60));
let ss = parseInt(String(towBarTime % 60));
ss = ss < 10 ? "0" + ss : ss;
days1.value = d;
hours1.value = h;
minutes1.value = m;
senconds1.value = s;
days2.value = dd;
hours2.value = hh;
minutes2.value = mm;
senconds2.value = ss;
activityState.value = 1;
// console.log(leftTime)
} else if (leftTime >= 1) {
// 二期开始
leftTime--;
// console.log(leftTime)
// let d = Math.floor(leftTime / 60 / 60 / 24);
// d = d < 10 ? "0" + d : d;
// let h = Math.floor((leftTime / 60 / 60) % 24);
// h = h < 10 ? "0" + h : h;
// let m = Math.floor((leftTime / 60) % 60);
// m = m < 10 ? "0" + m : m;
// let s = Math.floor(leftTime % 60);
// s = s < 10 ? "0" + s : s;
// let dd = parseInt(String(towBarTime / 60 / 60 / 24));
// dd = dd < 10 ? "0" + dd : dd;
// let hh = parseInt(String((towBarTime / 60 / 60) % 24));
// hh = hh < 10 ? "0" + hh : hh;
// let mm = parseInt(String((towBarTime / 60) % 60));
// mm = mm < 10 ? "0" + mm : mm;
// let ss = parseInt(String(towBarTime % 60));
// ss = ss < 10 ? "0" + ss : ss;
// days1.value = d;
// hours1.value = h;
// minutes1.value = m;
// senconds1.value = s;
// days2.value = dd;
// hours2.value = hh;
// minutes2.value = mm;
// senconds2.value = ss;
activityState.value = 2;
} else if (towEndTime >= 1) {
towEndTime--;
let dd = parseInt(String(towEndTime / 60 / 60 / 24));
dd = dd < 10 ? "0" + dd : dd;
let hh = parseInt(String((towEndTime / 60 / 60) % 24));
hh = hh < 10 ? "0" + hh : hh;
let mm = parseInt(String((towEndTime / 60) % 60));
mm = mm < 10 ? "0" + mm : mm;
let ss = parseInt(String(towEndTime % 60));
ss = ss < 10 ? "0" + ss : ss;
days2.value = dd;
hours2.value = hh;
minutes2.value = mm;
senconds2.value = ss;
activityState.value = 3;
} else {
activityState.value = 4;
activityState.value = 3;
clearInterval(timer);
window.clearInterval(timer);
timer = null;
@ -1038,6 +1008,7 @@ const isOpenClaim = ref(0);
const getIsWhite = async () => {
if (getAddress.value) {
let whiteAmount = await fetchWLCount("ethereum", getAddress.value)
console.log(whiteAmount,'whiteAmount-------')
if(whiteAmount > 0) {
whiteCount.value = whiteAmount;
mintTotal.value = whiteAmount;
@ -1171,7 +1142,7 @@ const stopTimeChange = (e) => {
// 发送推文
const toTwitter = () => {
const url = 'https://twitter.com/intent/tweet?text=';
const hashtags = encodeURIComponent("I have just minted my Genesis Box for @playCounterFire!Eagerly starting the play2earn season, excited for my hero's debut in this thrilling quest!");
const hashtags = encodeURIComponent("I have just minted my Genesis Box for @playCounterFire! Eagerly starting the play2earn season, excited for my hero's debut in this thrilling quest!");
const imageUrl = encodeURIComponent(`https://opensea.io/assets/ethereum/0xec23679653337d4c6390d0eeba682246a6067777/${this.NFTID}`);
const params = `${hashtags}&url=${imageUrl}`;
window.open(`${url}${params}`, '_blank');
@ -1190,7 +1161,7 @@ const mintInit = async () => {
*/
onMounted(() => {
// starTimer();
starTimer();
mintInit()
});
@ -1330,8 +1301,15 @@ onMounted(() => {
// margin-top: 10px;
background: rgba(26,24,33, .8);
border-radius: 29px;
p {
font-family: 'Poppins';
font-weight: 600;
font-size: 30px;
color: #B762FF;
}
span {
display: inline-block;
width: 55px;
position: relative;
font-family: 'Poppins';
font-weight: 600;
@ -1343,7 +1321,7 @@ onMounted(() => {
/* 定位 */
position: absolute;
top: 50%;
left: -65%;
left: -40%;
transform: translateY(-50%);
}
&:nth-child(1) {
@ -2080,9 +2058,10 @@ onMounted(() => {
width: 289px;
display: flex;
align-items: center;
justify-content: space-evenly;
justify-content: space-between;
span {
display: inline-block;
width: 80px;
position: relative;
font-weight: 600;
font-size: 40px;
@ -2093,8 +2072,8 @@ onMounted(() => {
/* 定位 */
position: absolute;
top: 47%;
left: -25%;
transform: translate(-50%, -50%);
left: -20%;
transform: translateY(-50%);
}
&:nth-child(1) {
&::after {