diff --git a/.env.development b/.env.development index 7cec666..0017f80 100644 --- a/.env.development +++ b/.env.development @@ -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' diff --git a/index.html b/index.html index 8388c4b..f168f7b 100644 --- a/index.html +++ b/index.html @@ -2,9 +2,17 @@ - + - Vite + Vue + GENESIS HEROES: New Arrivals + +
diff --git a/public/favicon.ico b/public/favicon.ico new file mode 100644 index 0000000..5d3a441 Binary files /dev/null and b/public/favicon.ico differ diff --git a/src/view/mintIndex.vue b/src/view/mintIndex.vue index 3865ab1..da118d4 100644 --- a/src/view/mintIndex.vue +++ b/src/view/mintIndex.vue @@ -52,20 +52,20 @@ {{ minutes1 }}M {{ senconds1 }}S -
- OPENING +
+

OPENING

-
+
The minting session has ended.

FCFS Mint

-
+
The minting session has ended.
-
- OPENING +
+

OPENING

{{ days2 }}D @@ -172,12 +172,6 @@
-
-

Mint Price: {{mintPrice}}

-
- -
-
@@ -194,22 +188,25 @@
+
+ Boom! You are on the whitelist +
+
You are not on the whitelist
Mint  
-
-
+
@@ -294,7 +291,7 @@
-
+
@@ -342,7 +339,7 @@
-
+
@@ -373,7 +370,6 @@
Mint @@ -386,19 +382,19 @@
-
+

FCFS Mint will be available on a

first-come-first-served basis

Countdown
- {{ hours2 }}H  - {{ minutes2 }}M  - {{ senconds2 }}S  + {{ hours2 }}H + {{ minutes2 }}M + {{ senconds2 }}S
-
+
@@ -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 {