From b698d63c318c86855c81c0ce1476585cf0c645fd Mon Sep 17 00:00:00 2001 From: yuyongdong Date: Thu, 27 Jun 2024 10:32:10 +0800 Subject: [PATCH] =?UTF-8?q?mint=E6=B5=8B=E8=AF=95=E5=AE=8C=E6=88=90?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .env.development | 2 +- index.html | 12 ++- public/favicon.ico | Bin 0 -> 15086 bytes src/view/mintIndex.vue | 191 ++++++++++++++++++----------------------- 4 files changed, 96 insertions(+), 109 deletions(-) create mode 100644 public/favicon.ico 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 0000000000000000000000000000000000000000..5d3a4415164e4faf0b6db7149a8ff7a89bfac903 GIT binary patch literal 15086 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 literal 0 HcmV?d00001 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 {