huangjinming/cebg-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
huangjinming 2023-07-15 19:58:56 +08:00
parent 399d7d8b4d
commit 715150e70a
43 changed files with 129 additions and 94 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.env.dev
View File

@ -1,2 +1,2 @@
VUE_APP_BASE_API='https://market.cebg.games' VUE_APP_BASE_API='https://market.CEBG.games'
VUE_APP_GPAL_API='http://192.168.100.83:4000/sns' VUE_APP_GPAL_API='http://192.168.100.83:4000/sns'

2
.env.development
View File

@ -1,2 +1,2 @@
VUE_APP_BASE_API='https://market.cebg.games' VUE_APP_BASE_API='https://market.CEBG.games'
VUE_APP_GPAL_API='http://192.168.100.83:4000/sns' VUE_APP_GPAL_API='http://192.168.100.83:4000/sns'

2
.env.production
View File

@ -1 +1 @@
VUE_APP_BASE_API='https://market.cebg.games' VUE_APP_BASE_API='https://market.CEBG.games'

BIN
dist.rar
View File

Binary file not shown.

32
index.html
View File

@ -2,9 +2,37 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/header-logo.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>CEBG - Anime PUBG on fire!</title> <title>Counter Fire</title>
<meta property="og:title" content="Counter Fire" />
<meta
property="og:description"
content="CounterFire.games"
/>
<meta
name="description"
content="CounterFire.games"
/>
<meta
name="keywords"
content="CounterFire；CF；Gamefi；Web3；web3gaming; Cf game;Cf mobile; CounterFire googleplay; CounterFire Appstore;
battle royale;token;airdrop;p2e; play to earn, free to play, blockchain game;Arbitrum game;Arbitrum. Cryptocurrency; Crypto；anime game；anime web3 game；Two-dimensional game；shooting game；Anime shooting mobile game"
/>
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.counterfire.games/" />
<!-- <meta
property="og:image"
content="https://www.counterfire.games/counter.png"
/> -->
<!-- <meta property="og:site_name" content="Counter Fire" /> -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:title" content="Counter Fire" />
<!-- <meta
property="twitter:image"
content="https://www.counterfire.games/counter.png"
/> -->
</head> </head>
<script type="module"> <script type="module">
import {Buffer} from 'buffer'; import {Buffer} from 'buffer';

2
public/70002.gltf
View File

File diff suppressed because one or more lines are too long

2
public/70004.gltf
View File

File diff suppressed because one or more lines are too long

2
public/70005.gltf
View File

File diff suppressed because one or more lines are too long

2
public/70006.gltf
View File

File diff suppressed because one or more lines are too long

BIN
public/favicon.ico
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.2 KiB

BIN
public/header-logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
src/assets/img/about/latest/001.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 337 KiB

After

Width:  |  Height:  |  Size: 626 KiB

BIN
src/assets/img/about/latest/002.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 MiB

After

Width:  |  Height:  |  Size: 504 KiB

BIN
src/assets/img/about/latest/003.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.9 MiB

After

Width:  |  Height:  |  Size: 598 KiB

BIN
src/assets/img/home/app.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.4 KiB

BIN
src/assets/img/home/banner-slogan-.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 50 KiB

BIN
src/assets/img/home/banner-slogan-hh.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 MiB

BIN
src/assets/img/home/banner-slogan.gif
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.0 MiB

After

Width:  |  Height:  |  Size: 1.5 MiB

BIN
src/assets/img/home/game-swiper-card/01.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 510 KiB

BIN
src/assets/img/home/game-swiper-card/01.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.0 MiB

BIN
src/assets/img/home/header-logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
src/assets/img/home/logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

BIN
src/assets/img/home/what-title.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 8.6 KiB

BIN
src/assets/img/home/新建文件夹/logo02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

2
src/chain/blockchain.ts
View File

@ -22,7 +22,7 @@ const EIP721_DOMAIN_DATA = [
{ name: 'verifyingContract', type: 'address' } { name: 'verifyingContract', type: 'address' }
] ]
const CACHE_KEY = 'cebg_chain_cache_key' const CACHE_KEY = 'CEBG_chain_cache_key'
const busShowChainModal = useEventBus(bus_event.SHOW_CHAIN_MODAL); const busShowChainModal = useEventBus(bus_event.SHOW_CHAIN_MODAL);
const busNeedChangeChain = useEventBus(bus_event.NEED_CHANGE_CHAIN); const busNeedChangeChain = useEventBus(bus_event.NEED_CHANGE_CHAIN);

6
src/components/about/AxisSlider.vue
View File

@ -23,7 +23,7 @@
<div class="text-item">Ops Manager in Shanda Group</div> <div class="text-item">Ops Manager in Shanda Group</div>
<div class="text-item"> Co-Founder of Giant Interactive(NYSE:GA)</div> <div class="text-item"> Co-Founder of Giant Interactive(NYSE:GA)</div>
<div class="text-item">Founder of FH Capital, investing in ThinkingData, 91ACT, Inke(HK:03700), etc</div> <div class="text-item">Founder of FH Capital, investing in ThinkingData, 91ACT, Inke(HK:03700), etc</div>
<div class="text-item">Founder of Bubble Candy Studio to build CEBG</div> <div class="text-item">Founder of Bubble Candy Studio to build Counter Fire</div>
</div> </div>
</div> </div>
<div class="card-item" v-else-if="currentStep == 1"> <div class="card-item" v-else-if="currentStep == 1">
@ -38,7 +38,7 @@
<div class="text-item">4 million-player games in Shanda Group</div> <div class="text-item">4 million-player games in Shanda Group</div>
<div class="text-item">Producer in RobTop Games to build <div class="text-item">Producer in RobTop Games to build
"Geometry Battle Royale" with 20m gamers</div> "Geometry Battle Royale" with 20m gamers</div>
<div class="text-item"> Porducer of CEBG</div> <div class="text-item"> Porducer of Counter Fire</div>
</div> </div>
</div> </div>
<div class="card-item" v-else="currentStep == 3"> <div class="card-item" v-else="currentStep == 3">
@ -48,7 +48,7 @@
In charge of Legends of the world, The Romance of Legends, etc In charge of Legends of the world, The Romance of Legends, etc
</div> </div>
<div class="text-item"> <div class="text-item">
Expert in Crypto Tech, developing all decentralized products in CEBG Expert in Crypto Tech, developing all decentralized products in Counter Fire
</div> </div>
</div> </div>
</div> </div>

8
src/components/about/IntroductionBanner.vue
View File

@ -7,9 +7,9 @@
<img src="@/assets/img/about/Introduction-boder.png" alt="" /> <img src="@/assets/img/about/Introduction-boder.png" alt="" />
</div> </div>
<div class="slogan"> <div class="slogan">
<div class="cebg-stands"> <div class="CEBG-stands">
<ScrollAnimatedText textColor="#FFF6DE" <ScrollAnimatedText textColor="#FFF6DE"
>CEBG, short for Crypto Elite's BATTLEGROUNDS, is the >Counter Fire, short for Crypto Elite's BATTLEGROUNDS, is the
highly-anticipated blockchain-based game to offer a unique highly-anticipated blockchain-based game to offer a unique
combination of MOBA and Battle Royale gameplay. With funding from combination of MOBA and Battle Royale gameplay. With funding from
over 13 institutional investors, Players can choose from a range over 13 institutional investors, Players can choose from a range
@ -17,7 +17,7 @@
arena. arena.
</ScrollAnimatedText> </ScrollAnimatedText>
</div> </div>
<div class="cebg-batlegrounds"> <div class="CEBG-batlegrounds">
<ScrollAnimatedText textColor="#FFF6DE"> <ScrollAnimatedText textColor="#FFF6DE">
The game leverages the power of blockchain technology to offer The game leverages the power of blockchain technology to offer
secure, decentralized gameplay, where players can own and trade secure, decentralized gameplay, where players can own and trade
@ -154,7 +154,7 @@ onUnmounted(() => {
word-wrap: normal; word-wrap: normal;
white-space: normal; white-space: normal;
flex-direction: column; flex-direction: column;
.cebg-batlegrounds { .CEBG-batlegrounds {
padding-top: 30px; padding-top: 30px;
} }
} }

2
src/components/about/Roadmap.vue
View File

@ -56,7 +56,7 @@
<div class="card-item"> <div class="card-item">
<div class="item"> <div class="item">
<div class="text">3D TPS-Hero Version <br> upgrade</div> <div class="text">3D TPS-Hero Version <br> upgrade</div>
<div class="text">CEBG in-app wallet</div> <div class="text">Counter Fire in-app wallet</div>
<div class="text">Social System</div> <div class="text">Social System</div>
<div class="text">Free-to-Play NFT<br> mode</div> <div class="text">Free-to-Play NFT<br> mode</div>
</div> </div>

6
src/components/about/VisionMission.vue
View File

@ -21,14 +21,14 @@
<img src="@/assets/img/about/vision-title-boder.png" alt="" /> <img src="@/assets/img/about/vision-title-boder.png" alt="" />
</div> </div>
<div class="slogan"> <div class="slogan">
<div class="cebg-stands"> <div class="CEBG-stands">
<ScrollAnimatedText text-color="#5D5D5D"> <ScrollAnimatedText text-color="#5D5D5D">
Our goal is to produce a game that is very enjoyable to play and Our goal is to produce a game that is very enjoyable to play and
has an excellent economic design that allows players to feel the has an excellent economic design that allows players to feel the
joy of playing while being able to earn tokens. joy of playing while being able to earn tokens.
</ScrollAnimatedText> </ScrollAnimatedText>
</div> </div>
<div class="cebg-batlegrounds"> <div class="CEBG-batlegrounds">
<ScrollAnimatedText text-color="#5D5D5D"> <ScrollAnimatedText text-color="#5D5D5D">
At the same time, a community co-creation and sharing mechanism At the same time, a community co-creation and sharing mechanism
is used to disrupt the existing content and value-sharing model is used to disrupt the existing content and value-sharing model
@ -203,7 +203,7 @@ function handleScroll() {
color: #000000; color: #000000;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.cebg-batlegrounds { .CEBG-batlegrounds {
// padding-top: 30px; // padding-top: 30px;
} }
} }

2
src/components/about/Whitepaper.vue
View File

@ -35,7 +35,7 @@
</div> </div>
</div> </div>
<div class="more"> <div class="more">
<a href="https://contact-63.gitbook.io/cebg-whitepaper/"> <a href="https://contact-63.gitbook.io/CEBG-whitepaper/">
Learn more about our studio mission Learn more about our studio mission
<span class="more-right">>></span></a <span class="more-right">>></span></a
> >

31
src/components/home/Banner.vue
View File

@ -6,20 +6,27 @@
<img src="@/assets/img/home/banner-slogan.gif" alt="" /> <img src="@/assets/img/home/banner-slogan.gif" alt="" />
</div> </div>
<div class="download-center"> <div class="download-center">
<div class="download-item-andriod"> <div class="download-item-andriod">
<a href="https://www.cebg.games/release/cebg.apk" <a href="https://counterfire.games/release/counterfire.apk"
><img src="@/assets/img/home/andriod.png" alt="" ><img src="@/assets/img/home/andriod.png" alt=""
/></a> /></a>
</div> </div>
<div class="download-item-google"> <div class="download-item-google">
<a href="https://play.google.com/store/apps/details?id=com.cege.games.release"> <a
href="https://play.google.com/store/apps/details?id=com.cege.games.release"
target="_blank"
>
<img src="@/assets/img/home/google.png" alt="" <img src="@/assets/img/home/google.png" alt=""
/></a> /></a>
</div> </div>
<!-- <div class="download-item-apple"> <div class="download-item-apple">
<img src="@/assets/img/home/apple.png" alt="" /> <a
</div> --> href="https://apps.apple.com/app/counter%20fire/id6444462915"
target="_blank"
>
<img src="@/assets/img/home/app.png" alt=""
/></a>
</div>
</div> </div>
</div> </div>
<div class="posters"> <div class="posters">
@ -69,11 +76,11 @@ import Slogan from "./Slogan.vue";
.download-center { .download-center {
margin-top: 125px; margin-top: 125px;
display: flex; display: flex;
width: 466px; width: 681px;
margin: 0 auto; margin: 0 auto;
justify-content: space-between; justify-content: space-between;
.download-item-google { .download-item-google {
width:207px; width: 207px;
height: 62px; height: 62px;
background-color: #161515; background-color: #161515;
cursor: pointer; cursor: pointer;
@ -89,7 +96,7 @@ import Slogan from "./Slogan.vue";
// } // }
} }
.download-item-andriod { .download-item-andriod {
width:207px; width: 207px;
height: 62px; height: 62px;
opacity: 0.9; opacity: 0.9;
background-color: #161515; background-color: #161515;
@ -106,12 +113,12 @@ import Slogan from "./Slogan.vue";
// } // }
} }
.download-item-apple { .download-item-apple {
width: 181px; width: 207px;
height: 56px; height: 62px;
background-color: #161515; background-color: #161515;
cursor: pointer; cursor: pointer;
position: relative; position: relative;
background: url("../../assets/img/home/apple.png") no-repeat; background: url("../../assets/img/home/app.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
img { img {
opacity: 0; opacity: 0;

2
src/components/home/DameplaySwiperCard.vue
View File

@ -65,7 +65,7 @@ const box = ref(null);
const myRef = ref(null); const myRef = ref(null);
const { tilt, roll, source } = useParallax(box); const { tilt, roll, source } = useParallax(box);
const imageList = reactive([ const imageList = reactive([
{ imgSrc: new URL("@/assets/img/home/game-swiper-card/01.png", import.meta.url).href }, { imgSrc: new URL("@/assets/img/home/game-swiper-card/01.jpg", import.meta.url).href },
{ imgSrc: new URL("@/assets/img/home/game-swiper-card/02.png", import.meta.url).href }, { imgSrc: new URL("@/assets/img/home/game-swiper-card/02.png", import.meta.url).href },
{ imgSrc: new URL("@/assets/img/home/game-swiper-card/03.png", import.meta.url).href }, { imgSrc: new URL("@/assets/img/home/game-swiper-card/03.png", import.meta.url).href },
{ imgSrc: new URL("@/assets/img/home/game-swiper-card/04.png", import.meta.url).href }, { imgSrc: new URL("@/assets/img/home/game-swiper-card/04.png", import.meta.url).href },

19
src/components/home/GalleryBanner.vue
View File

@ -21,7 +21,7 @@
<swiper <swiper
@swiper="setThumbsSwiper" @swiper="setThumbsSwiper"
:spaceBetween="50" :spaceBetween="50"
:slidesPerView="4" :slidesPerView="3"
:freeMode="true" :freeMode="true"
:watchSlidesProgress="true" :watchSlidesProgress="true"
:modules="modules" :modules="modules"
@ -72,23 +72,18 @@ const videoSrc = ref("");
const imageList = reactive([ const imageList = reactive([
{ {
imgSrc: new URL("@/assets/img/home/game/001.png", import.meta.url).href, imgSrc: new URL("@/assets/img/home/game/001.png", import.meta.url).href,
videoSrc: "https://www.youtube.com/watch?v=ecC6FAg5N7k", videoSrc: "https://www.youtube.com/watch?v=ptJPhouPUlE",
id: "ecC6FAg5N7k", id: "ptJPhouPUlE",
}, },
{ {
imgSrc: new URL("@/assets/img/home/game/002.png", import.meta.url).href, imgSrc: new URL("@/assets/img/home/game/002.png", import.meta.url).href,
videoSrc: "https://www.youtube.com/watch?v=QRXWmEXfU7E", videoSrc: "https://www.youtube.com/watch?v=kxix94VzQKA",
id: "QRXWmEXfU7E", id: "kxix94VzQKA",
}, },
{ {
imgSrc: new URL("@/assets/img/home/game/003.png", import.meta.url).href, imgSrc: new URL("@/assets/img/home/game/003.png", import.meta.url).href,
videoSrc: "https://www.youtube.com/watch?v=yOoJXogfQs0", videoSrc: "https://www.youtube.com/watch?v=LyaYGm3FtiU",
id: "yOoJXogfQs0", id: "LyaYGm3FtiU",
},
{
imgSrc: new URL("@/assets/img/home/game/004.png", import.meta.url).href,
videoSrc: "https://www.youtube.com/watch?v=sUQbFj8h4Wo",
id: "sUQbFj8h4Wo",
} }
]); ]);
const thumbsSwiper = ref(null); const thumbsSwiper = ref(null);

2
src/components/home/GameGallerp.vue
View File

@ -24,7 +24,7 @@
<div class="slogan-text"> <div class="slogan-text">
<ScrollAnimatedText> <ScrollAnimatedText>
Embark on an epic journey as a commander in the captivating 3D Embark on an epic journey as a commander in the captivating 3D
world of CEBG and engage in thrilling battles against other world of Counter Fire and engage in thrilling battles against other
skilled players. Are you ready to rise up and claim victory? skilled players. Are you ready to rise up and claim victory?
</ScrollAnimatedText> </ScrollAnimatedText>
</div> </div>

2
src/components/home/Text.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="container"> <div class="container">
<p class="bottom-top" ref="slogan"> <p class="bottom-top" ref="slogan">
CEBG is the highly-anticipated first blockchain-based game to offer a Counter Fire is the highly-anticipated first blockchain-based game to offer a
unique combination of MOBA and Battle Royale gameplay. With funding from unique combination of MOBA and Battle Royale gameplay. With funding from
over 13 institutional investors, and is set to revolutionize the crypto over 13 institutional investors, and is set to revolutionize the crypto
gaming industry. gaming industry.

12
src/components/home/WhatCebg.vue
View File

@ -1,8 +1,8 @@
<template> <template>
<div> <div>
<div class="what-cebg"> <div class="what-CEBG">
<!-- <div <!-- <div
class="cebg-game" class="CEBG-game"
id="bgTest" id="bgTest"
:style="{ transform: 'translateY(' + -positionY1 + 'px)' }" :style="{ transform: 'translateY(' + -positionY1 + 'px)' }"
> >
@ -26,7 +26,7 @@
<div class="title"> <div class="title">
<img src="@/assets/img/home/what-title.png" alt="" /> <img src="@/assets/img/home/what-title.png" alt="" />
</div> </div>
<div class="what-cebg-img"> <div class="what-CEBG-img">
<img src="@/assets/img/home/what-boder.png" alt="" /> <img src="@/assets/img/home/what-boder.png" alt="" />
</div> </div>
<!-- <div class="slogan"> <!-- <div class="slogan">
@ -195,7 +195,7 @@ onBeforeUnmount(() => {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.what-cebg { .what-CEBG {
position: relative; position: relative;
.what-bg { .what-bg {
position: absolute; position: absolute;
@ -224,7 +224,7 @@ onBeforeUnmount(() => {
left: 0; left: 0;
z-index: 1; z-index: 1;
} }
.cebg-game { .CEBG-game {
font-size: 180px; font-size: 180px;
font-family: "Big John"; font-family: "Big John";
font-weight: 400; font-weight: 400;
@ -311,7 +311,7 @@ onBeforeUnmount(() => {
font-weight: bold; font-weight: bold;
color: #ffffff; color: #ffffff;
} }
.what-cebg-img { .what-CEBG-img {
width: 100%; width: 100%;
padding-top: 50px; padding-top: 50px;
padding-bottom: 87px; padding-bottom: 87px;

16
src/components/layout/FooterBar.vue
View File

@ -36,12 +36,12 @@
<div class="follow-content"> <div class="follow-content">
<div></div> <div></div>
<div class="follow"> <div class="follow">
<a href="https://twitter.com/CEBG_GAME" class="twiter"> <a href="https://twitter.com/_CounterFire" class="twiter">
<!-- <img src="../../assets/img/home/logo/twiter.png" alt="" /> --> <!-- <img src="../../assets/img/home/logo/twiter.png" alt="" /> -->
</a> </a>
<a href="https://t.me/CEBG_official" class="telegram"> <!-- <a href="https://t.me/CEBG_official" class="telegram">
<!-- <img src="../../assets/img/home/logo/telegram.png" alt="" /> -->
</a> </a> -->
<a href="https://discord.com/invite/fNSn2NHUvf" class="dosccord"> <a href="https://discord.com/invite/fNSn2NHUvf" class="dosccord">
<!-- <img src="../../assets/img/home/logo/discord.png" alt="" /> --> <!-- <img src="../../assets/img/home/logo/discord.png" alt="" /> -->
</a> </a>
@ -263,9 +263,9 @@ function backTop() {
} }
.follow { .follow {
// padding-top: 30px; // padding-top: 30px;
width: 190px; width: 130px;
display: flex; display: flex;
margin-left: 630px; margin-left: 670px;
justify-content: space-between; justify-content: space-between;
// margin: 0 auto; // margin: 0 auto;
} }
@ -296,8 +296,8 @@ function backTop() {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
img { img {
width: 92px; width: 188px;
height: 89px; height: 44px;
} }
} }
} }

32
src/components/layout/NavBar.vue
View File

@ -2,7 +2,7 @@
<div> <div>
<div class="header header-top"> <div class="header header-top">
<div class="header-logo"> <div class="header-logo">
<router-link to="/home"> <router-link to="/">
<img src="../../assets/img/home/header-logo.png" alt="" <img src="../../assets/img/home/header-logo.png" alt=""
/></router-link> /></router-link>
</div> </div>
@ -116,7 +116,7 @@ const formatAddress = computed(() => {
const getNavItemClass = (index, nav) => { const getNavItemClass = (index, nav) => {
if (index === activeIndex.value) { if (index === activeIndex.value) {
return "active-nav-item"; return "active-nav-item";
} else if (index === 5) { } else if (index === 5 || index === 4) {
return "badge-nav-item"; return "badge-nav-item";
} else { } else {
return ""; return "";
@ -140,7 +140,7 @@ const showMenu = ref(false);
const showNavMenu = ref(false); const showNavMenu = ref(false);
const activeIndex = ref(0); const activeIndex = ref(0);
const navList = reactive([ const navList = reactive([
{ id: 0, name: "HOME", path: "/home" }, { id: 0, name: "HOME", path: "/" },
{ id: 1, name: "ABOUT", path: "/about" }, { id: 1, name: "ABOUT", path: "/about" },
{ {
id: 2, id: 2,
@ -153,7 +153,7 @@ const navList = reactive([
name: "COMMUNITY", name: "COMMUNITY",
path: "/contact", path: "/contact",
submenu: [ submenu: [
{ label: "Twitter", link: "https://twitter.com/CEBG_GAME" }, { label: "Twitter", link: "https://twitter.com/_CounterFire" },
{ {
label: "Youtube", label: "Youtube",
link: "https://youtube.com/c/CryptoElitesBattlegrounds", link: "https://youtube.com/c/CryptoElitesBattlegrounds",
@ -162,23 +162,23 @@ const navList = reactive([
label: "Facebook", label: "Facebook",
link: "https://www.facebook.com/profile.php?id=100090965821157&mibextid=LQQJ4d", link: "https://www.facebook.com/profile.php?id=100090965821157&mibextid=LQQJ4d",
}, },
{ label: "Medium", link: "https://medium.com/@CEBG-BATTLEGROUNDS" }, { label: "Medium", link: "https://medium.com/@CounterFire" },
{ label: "Telegram", link: "https://t.me/CEBG_Rally" }, // { label: "Telegram", link: "https://t.me/CEBG_Rally" },
{ label: "Discord", link: "https://discord.com/invite/fNSn2NHUvf" }, { label: "Discord", link: "https://discord.com/invite/fNSn2NHUvf" },
], ],
}, },
{ id: 4, name: "BETA TEST II", path: "/" }, { id: 4, name: "GACHA", path: "https://gacha.counterfire.games" },
{ id: 5, name: "BADGE", path: "https://badge.kingsome.cn" }, { id: 5, name: "BADGE", path: "https://badge.counterfire.games" },
{ id: 6, name: "TASK", path: "/task" },
]); ]);
//{ id: 5, name: "BADGE", path: "https://badge.kingsome.cn" }, //{ id: 5, name: "BADGE", path: "https://badge.kingsome.cn" },
function handNavCurent(nav) { function handNavCurent(nav) {
activeIndex.value = nav.id; activeIndex.value = nav.id;
if (nav.id === 0 || nav.id === 1 || nav.id === 4 | nav.id === 6) { if (nav.id === 0 || nav.id === 1 ) {
router.push(nav.path); router.push(nav.path);
} else if (nav.id === 5) { } else if (nav.id === 5 || nav.id === 4) {
window.open(nav.path, "_blank"); window.open(nav.path, "_blank");
} }
} }
@ -205,8 +205,12 @@ watchEffect(() => {
0 2px 4px -2px rgba(0, 0, 0, 0.1); 0 2px 4px -2px rgba(0, 0, 0, 0.1);
.header-logo { .header-logo {
margin-left: 29px; margin-left: 29px;
width: 64px; width: 132px;
height: 63px; height: 42px;
img{
width: 100%;
height: 100%;
}
} }
.badge-nav-item { .badge-nav-item {
color: #ffba00 !important; color: #ffba00 !important;
@ -216,7 +220,7 @@ watchEffect(() => {
color: rgba(12, 12, 12, 1) !important; color: rgba(12, 12, 12, 1) !important;
} }
.nav { .nav {
padding-left: 83px; padding-left: 30px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
// width: 830px; // width: 830px;

2
src/components/layout/index.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<NavBar v-if="!showLoading && currentRoute.path !== '/'"></NavBar> <NavBar v-if="!showLoading"></NavBar>
<Loading v-if="showLoading" /> <Loading v-if="showLoading" />
<Transition class="fade"> <Transition class="fade">
<router-view v-slot="{ Component }"> <router-view v-slot="{ Component }">

4
src/components/task/TaskOne.vue
View File

@ -59,7 +59,7 @@
<div class="task-right-item"> <div class="task-right-item">
<div class="follow-content"> <div class="follow-content">
<div>Follow CEBG</div> <div>Follow CEBG</div>
<div class="follow-cebg">Follow</div> <div class="follow-CEBG">Follow</div>
</div> </div>
<div class="serial-number">5</div> <div class="serial-number">5</div>
</div> </div>
@ -315,7 +315,7 @@ async function login(event) {
.follow-content { .follow-content {
display: flex; display: flex;
align-items: center; align-items: center;
.follow-cebg { .follow-CEBG {
cursor: pointer; cursor: pointer;
text-align: center; text-align: center;
width: 91px; width: 91px;

21
src/router/index.js
View File

@ -3,13 +3,9 @@ import Home from '../views/HomeView.vue';
import GamePromotionEvent from '../views/GamePromotionEvent.vue'; import GamePromotionEvent from '../views/GamePromotionEvent.vue';
const routes = [ const routes = [
{ {
path: '/', path: '/',
name: 'game',
component:GamePromotionEvent,
},
{
path: '/home',
name: 'home', name: 'home',
component: Home, component: Home,
}, },
@ -65,12 +61,17 @@ function isMobileDevice(userAgent) {
router.beforeEach((to, from, next) => { router.beforeEach((to, from, next) => {
const isMobile = isMobileDevice(window.navigator.userAgent); const isMobile = isMobileDevice(window.navigator.userAgent);
// 对于 PC 端官网项目： // 检查URL中是否包含code参数
if (!isMobile) { if (to.query.code) {
next(); // 如果是 PC 设备，继续导航 // 如果包含，那么重定向到另一个网站，并且携带邀请码
window.location.href = `https://gacha.counterfire.games/?code=${to.query.code}`
} else if (isMobile) {
// 如果是移动设备，重定向到移动版的网站
window.location.href = 'https://m.counterfire.games/';
} else { } else {
window.location.href = 'https://mobile.cebg.games'; // 如果不包含code参数并且不是移动设备，那么正常导航
next()
} }
}); })
export default router; export default router;

4
src/views/HomeView.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="home-box"> <div class="home-box">
<Banner></Banner> <Banner></Banner>
<WhatCebg></WhatCebg> <WhatCEBG></WhatCEBG>
<GameIntroduction></GameIntroduction> <GameIntroduction></GameIntroduction>
<GameGallerp></GameGallerp> <GameGallerp></GameGallerp>
</div> </div>
@ -9,7 +9,7 @@
<script setup> <script setup>
import Banner from "@/components/home/Banner.vue"; import Banner from "@/components/home/Banner.vue";
import WhatCebg from "@/components/home/WhatCebg.vue"; import WhatCEBG from "@/components/home/WhatCEBG.vue";
import GameIntroduction from "@/components/home/GameIntroduction.vue"; import GameIntroduction from "@/components/home/GameIntroduction.vue";
import GameGallerp from "@/components/home/GameGallerp.vue"; import GameGallerp from "@/components/home/GameGallerp.vue";