diff --git a/.env.dev b/.env.dev index 0596118..5d2648a 100644 --- a/.env.dev +++ b/.env.dev @@ -1,4 +1,4 @@ VUE_APP_BASE_API='https://market.cebg.games' VUE_APP_BASE_API2='https://invitation.counterfire.games' //VUE_APP_BASE_API2='http://192.168.100.83:3000/' -VUE_APP_GPAL_API='https://gacha.counterfire.games' \ No newline at end of file +VUE_APP_GPAL_API='https://game2006api-test.kingsome.cn/' \ No newline at end of file diff --git a/.env.production b/.env.production index d29fe98..5d2648a 100644 --- a/.env.production +++ b/.env.production @@ -1,3 +1,4 @@ VUE_APP_BASE_API='https://market.cebg.games' VUE_APP_BASE_API2='https://invitation.counterfire.games' -VUE_APP_GPAL_API='https://gacha.counterfire.games' \ No newline at end of file +//VUE_APP_BASE_API2='http://192.168.100.83:3000/' +VUE_APP_GPAL_API='https://game2006api-test.kingsome.cn/' \ No newline at end of file diff --git a/dist.rar b/dist.rar new file mode 100644 index 0000000..a62e706 Binary files /dev/null and b/dist.rar differ diff --git a/index.html b/index.html index 844e6d1..cf1ea25 100644 --- a/index.html +++ b/index.html @@ -5,14 +5,14 @@ Planet - + - + + diff --git a/src/components/global/Please.vue b/src/components/global/Please.vue new file mode 100644 index 0000000..863be83 --- /dev/null +++ b/src/components/global/Please.vue @@ -0,0 +1,103 @@ + + + + + diff --git a/src/components/global/planetst.vue b/src/components/global/planetst.vue new file mode 100644 index 0000000..ace1cbc --- /dev/null +++ b/src/components/global/planetst.vue @@ -0,0 +1,86 @@ + + + + + + + diff --git a/src/components/global/sart.vue b/src/components/global/sart.vue new file mode 100644 index 0000000..6fce6f4 --- /dev/null +++ b/src/components/global/sart.vue @@ -0,0 +1,73 @@ + + + + + + \ No newline at end of file diff --git a/src/components/home/CounterFire.vue b/src/components/home/CounterFire.vue index 17ea6cd..a7b05f1 100644 --- a/src/components/home/CounterFire.vue +++ b/src/components/home/CounterFire.vue @@ -3,36 +3,75 @@
-
-
-
-
- As humanity delves into the mysteries of the cosmos, it marks a - new era where Pluto serves as a vital jumpgate. This colossal leap - allows humanity to venture into uncharted star systems, opening - doors to unexplored realms of discovery and daring. +
+
+
+
+
+
+
+ Pluto's role as a Jump Relay heralds a new era in humanity's + cosmic exploration, enabling journeys to new star systems and + realms. In the vast universe, we encounter new races and + untapped energy, particularly the coveted Crystals. Prepare to + leave your mark in this adventurous, challenging cosmos. +
+
+ Now, download the free game and set off your journey! +
+
- In the expanse of the universe, humanity encounters novel races - and untapped energy sources. Amid the quest for the precious - universal resource known as Crystals, brace yourself to etch your - legend across this cosmos teeming with adventure and challenge. +
+
+
50,000
+
NFT Holders
+
+
+
132,000
+
Twitter Followers
+
+
+
72,000
+
Community Members
+
+
+
+
+
80,000
+
Chicken Dinners
+
+
+
480,000
+
Minutes Battle Duration
+
+
- + -
- + +
@@ -52,7 +91,9 @@ -
@@ -72,7 +113,7 @@ .header { height: 84px; width: 100%; - background-color: #D0CEE9; + background-color: #d0cee9; } .container-conter { position: relative; @@ -82,23 +123,91 @@ width: 1764px; margin: 0 auto; display: flex; - padding-top: 58px; - justify-content: flex-end; - .counterfire-img{ - // width: 992px; - // height: 152px; - + height: 100%; + padding-top: 7px; + justify-content: space-between; + // justify-content: flex-end; + .counterfire-img { + width: 992px; + height: 152px; + margin-bottom: 25px; + img { + width: 992px; + height: 152px; + } } } - + .content-right { + display: flex; + flex-direction: column; + height: 100%; + padding-bottom: 30px; + justify-content: space-between; + } .humanity-text { text-align: left; width: 992px; font-size: 24px; + line-height: 32px; font-family: "Poppins-Regular"; font-weight: 400; color: #110d1c; } + .top-number { + display: flex; + padding-left: 30px; + padding-right: 60px; + margin-top: 20px; + margin-bottom: 10px; + justify-content: space-between; + width: 100%; + font-size: 48px; + font-family: "Poppins"; + font-weight: bold; + color: #110d1c; + line-height: 42px; + .item-number { + font-size: 48px; + font-family: "Poppins"; + font-weight: bold; + color: #110d1c; + } + .item-text { + font-size: 24px; + font-family: "Poppins-Regular"; + font-weight: 400; + color: #110d1c; + } + } + .bottom-number { + display: flex; + padding-left: 30px; + padding-right: 60px; + font-size: 48px; + font-family: "Poppins"; + font-weight: bold; + color: #110d1c; + justify-content: space-between; + width: 80%; + margin: 0 auto; + margin-bottom: 20px; + line-height: 42px; + .item-number { + font-size: 48px; + font-family: "Poppins"; + font-weight: bold; + color: #110d1c; + } + .item-text { + font-size: 24px; + font-family: "Poppins-Regular"; + font-weight: 400; + color: #110d1c; + } + } + .now-download { + margin-top: 10px; + } .bg { position: absolute; height: 100%; @@ -109,6 +218,11 @@ z-index: -1; bottom: 0; color: transparent; + video { + width: 100%; + height: 100%; + object-fit: cover; + } img { position: absolute; height: 100%; @@ -141,13 +255,13 @@ color: #686a8f; } .footer-logo { + width: 184px; + height: 52px; + img { width: 184px; height: 52px; - img { - width: 184px; - height: 52px; - } } + } .footer-right { display: flex; .discord-icon { @@ -182,10 +296,52 @@ display: flex; margin-top: 38px; justify-content: space-between; - width: 100%; - .download-item{ - width: 413px; - height: 112px; + width: 80%; + margin: 0 auto; + .download-item { + width: 333px; + height: 98px; } } + +// .item-number-holders, +// .item-number-twitter, +// .item-number-members, +// .item-number-dinners, +// .item-number-minutes +// { +// animation: counter 3.9s ease-in-out; +// counter-reset: num var(--num); + +// } + +// .item-number-holders::before, +// .item-number-twitter::before, +// .item-number-members::before, +// .item-number-dinners::before, +// .item-number-minutes::before +// { +// content: counter(num); +// } + +// .item-number-holders { --num:50000; } +// .item-number-twitter{ --num:13200; } +// .item-number-members { --num:72000; } +// .item-number-dinners { --num:80000; } +// .item-number-dinners { --num:80000; } + +// @property --num { +// syntax: ""; +// initial-value: 0; +// inherits: false; +// } + +// @keyframes counter { +// from { +// --num: 0; +// } +// to { +// --num: 100; +// } +// } diff --git a/src/components/home/PlanetBanner.vue b/src/components/home/PlanetBanner.vue index 4516b77..bb2f6ef 100644 --- a/src/components/home/PlanetBanner.vue +++ b/src/components/home/PlanetBanner.vue @@ -25,19 +25,27 @@
+
+
+
+ +
- + +
@@ -47,9 +55,9 @@ import { ref, reactive, onMounted } from "vue"; import { useRouter, useRoute } from "vue-router"; const router = useRouter(); - const buyToken=()=>{ - router.push('/map'); - } +const buyToken = () => { + router.push("/map"); +}; diff --git a/src/components/layout/NavBar.vue b/src/components/layout/NavBar.vue index 58019fc..676c461 100644 --- a/src/components/layout/NavBar.vue +++ b/src/components/layout/NavBar.vue @@ -38,11 +38,6 @@ target="_blank" rel="noopener noreferrer" > - @@ -55,10 +50,27 @@
-
Community
+
+
Community
+
+ + Twitter + Youtube + Discord + Medium +
+
+ + + - - - \ No newline at end of file + .swiper { + width: 100%; + height: 100%; + } + + .swiper-slide { + text-align: center; + font-size: 18px; + background: #fff; + + /* Center slide text vertically */ + display: flex; + justify-content: center; + align-items: center; + } + + .swiper-slide img { + display: block; + width: 100%; + height: 100%; + object-fit: cover; + } +} + diff --git a/src/views/MapView.vue b/src/views/MapView.vue index 57bc09c..ef18df7 100644 --- a/src/views/MapView.vue +++ b/src/views/MapView.vue @@ -1,36 +1,51 @@ diff --git a/src/views/TaskView.vue b/src/views/TaskView.vue deleted file mode 100644 index b20987a..0000000 --- a/src/views/TaskView.vue +++ /dev/null @@ -1,375 +0,0 @@ - - - - - diff --git a/yarn.lock b/yarn.lock index dff558a..b706f46 100644 --- a/yarn.lock +++ b/yarn.lock @@ -7215,6 +7215,11 @@ "resolved" "https://registry.npmmirror.com/three/-/three-0.143.0.tgz" "version" "0.143.0" +"three@^0.155.0": + "integrity" "sha512-sNgCYmDijnIqkD/bMfk+1pHg3YzsxW7V2ChpuP6HCQ8NiZr3RufsXQr8M3SSUMjW4hG+sUk7YbyuY0DncaDTJQ==" + "resolved" "https://registry.npmmirror.com/three/-/three-0.155.0.tgz" + "version" "0.155.0" + "timed-out@^4.0.1": "integrity" "sha512-G7r3AhovYtr5YKOWQkta8RKAPb+J9IsO4uVmzjl8AZwfhs8UcUwTiD6gcJYSgOtzyjvQKrKYn41syHbUWMkafA==" "resolved" "https://registry.npmmirror.com/timed-out/-/timed-out-4.0.1.tgz"