fix
This commit is contained in:
huangjinming
parent
399d7d8b4d
commit
715150e70a
2
.env.dev
2
.env.dev
@ -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'
|
||||
@ -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'
|
||||
@ -1 +1 @@
|
||||
VUE_APP_BASE_API='https://market.cebg.games'
|
||||
VUE_APP_BASE_API='https://market.CEBG.games'
|
||||
32
index.html
32
index.html
@ -2,9 +2,37 @@
|
||||
<html lang="en">
|
||||
<head>
|
||||
<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" />
|
||||
<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>
|
||||
<script type="module">
|
||||
import {Buffer} from 'buffer';
|
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
|
Before Width: | Height: | Size: 4.2 KiB |
BIN
public/header-logo.png
Normal file
BIN
public/header-logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 337 KiB After Width: | Height: | Size: 626 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 MiB After Width: | Height: | Size: 504 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.9 MiB After Width: | Height: | Size: 598 KiB |
BIN
src/assets/img/home/app.png
Normal file
BIN
src/assets/img/home/app.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.4 KiB |
BIN
src/assets/img/home/banner-slogan-.png
Normal file
BIN
src/assets/img/home/banner-slogan-.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
BIN
src/assets/img/home/banner-slogan-hh.gif
Normal file
BIN
src/assets/img/home/banner-slogan-hh.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 MiB |
Binary file not shown.
|
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
BIN
src/assets/img/home/game-swiper-card/01.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 510 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.0 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.6 KiB After Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 5.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 8.6 KiB |
BIN
src/assets/img/home/新建文件夹/logo02.png
Normal file
BIN
src/assets/img/home/新建文件夹/logo02.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
@ -22,7 +22,7 @@ const EIP721_DOMAIN_DATA = [
|
||||
{ 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 busNeedChangeChain = useEventBus(bus_event.NEED_CHANGE_CHAIN);
|
||||
|
||||
@ -23,7 +23,7 @@
|
||||
<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">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 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">Producer in RobTop Games to build
|
||||
"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 class="card-item" v-else="currentStep == 3">
|
||||
@ -48,7 +48,7 @@
|
||||
In charge of Legends of the world, The Romance of Legends, etc
|
||||
</div>
|
||||
<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>
|
||||
|
||||
@ -7,9 +7,9 @@
|
||||
<img src="@/assets/img/about/Introduction-boder.png" alt="" />
|
||||
</div>
|
||||
<div class="slogan">
|
||||
<div class="cebg-stands">
|
||||
<div class="CEBG-stands">
|
||||
<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
|
||||
combination of MOBA and Battle Royale gameplay. With funding from
|
||||
over 13 institutional investors, Players can choose from a range
|
||||
@ -17,7 +17,7 @@
|
||||
arena.
|
||||
</ScrollAnimatedText>
|
||||
</div>
|
||||
<div class="cebg-batlegrounds">
|
||||
<div class="CEBG-batlegrounds">
|
||||
<ScrollAnimatedText textColor="#FFF6DE">
|
||||
The game leverages the power of blockchain technology to offer
|
||||
secure, decentralized gameplay, where players can own and trade
|
||||
@ -154,7 +154,7 @@ onUnmounted(() => {
|
||||
word-wrap: normal;
|
||||
white-space: normal;
|
||||
flex-direction: column;
|
||||
.cebg-batlegrounds {
|
||||
.CEBG-batlegrounds {
|
||||
padding-top: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -56,7 +56,7 @@
|
||||
<div class="card-item">
|
||||
<div class="item">
|
||||
<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">Free-to-Play NFT<br> mode</div>
|
||||
</div>
|
||||
|
||||
@ -21,14 +21,14 @@
|
||||
<img src="@/assets/img/about/vision-title-boder.png" alt="" />
|
||||
</div>
|
||||
<div class="slogan">
|
||||
<div class="cebg-stands">
|
||||
<div class="CEBG-stands">
|
||||
<ScrollAnimatedText text-color="#5D5D5D">
|
||||
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
|
||||
joy of playing while being able to earn tokens.
|
||||
</ScrollAnimatedText>
|
||||
</div>
|
||||
<div class="cebg-batlegrounds">
|
||||
<div class="CEBG-batlegrounds">
|
||||
<ScrollAnimatedText text-color="#5D5D5D">
|
||||
At the same time, a community co-creation and sharing mechanism
|
||||
is used to disrupt the existing content and value-sharing model
|
||||
@ -203,7 +203,7 @@ function handleScroll() {
|
||||
color: #000000;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.cebg-batlegrounds {
|
||||
.CEBG-batlegrounds {
|
||||
// padding-top: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -35,7 +35,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<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
|
||||
<span class="more-right">>></span></a
|
||||
>
|
||||
|
||||
@ -6,20 +6,27 @@
|
||||
<img src="@/assets/img/home/banner-slogan.gif" alt="" />
|
||||
</div>
|
||||
<div class="download-center">
|
||||
|
||||
<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=""
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
<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=""
|
||||
/></a>
|
||||
</div>
|
||||
<!-- <div class="download-item-apple">
|
||||
<img src="@/assets/img/home/apple.png" alt="" />
|
||||
</div> -->
|
||||
<div class="download-item-apple">
|
||||
<a
|
||||
href="https://apps.apple.com/app/counter%20fire/id6444462915"
|
||||
target="_blank"
|
||||
>
|
||||
<img src="@/assets/img/home/app.png" alt=""
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="posters">
|
||||
@ -69,11 +76,11 @@ import Slogan from "./Slogan.vue";
|
||||
.download-center {
|
||||
margin-top: 125px;
|
||||
display: flex;
|
||||
width: 466px;
|
||||
width: 681px;
|
||||
margin: 0 auto;
|
||||
justify-content: space-between;
|
||||
.download-item-google {
|
||||
width:207px;
|
||||
width: 207px;
|
||||
height: 62px;
|
||||
background-color: #161515;
|
||||
cursor: pointer;
|
||||
@ -89,7 +96,7 @@ import Slogan from "./Slogan.vue";
|
||||
// }
|
||||
}
|
||||
.download-item-andriod {
|
||||
width:207px;
|
||||
width: 207px;
|
||||
height: 62px;
|
||||
opacity: 0.9;
|
||||
background-color: #161515;
|
||||
@ -106,12 +113,12 @@ import Slogan from "./Slogan.vue";
|
||||
// }
|
||||
}
|
||||
.download-item-apple {
|
||||
width: 181px;
|
||||
height: 56px;
|
||||
width: 207px;
|
||||
height: 62px;
|
||||
background-color: #161515;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
background: url("../../assets/img/home/apple.png") no-repeat;
|
||||
background: url("../../assets/img/home/app.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
img {
|
||||
opacity: 0;
|
||||
|
||||
@ -65,7 +65,7 @@ const box = ref(null);
|
||||
const myRef = ref(null);
|
||||
const { tilt, roll, source } = useParallax(box);
|
||||
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/03.png", import.meta.url).href },
|
||||
{ imgSrc: new URL("@/assets/img/home/game-swiper-card/04.png", import.meta.url).href },
|
||||
|
||||
@ -21,7 +21,7 @@
|
||||
<swiper
|
||||
@swiper="setThumbsSwiper"
|
||||
:spaceBetween="50"
|
||||
:slidesPerView="4"
|
||||
:slidesPerView="3"
|
||||
:freeMode="true"
|
||||
:watchSlidesProgress="true"
|
||||
:modules="modules"
|
||||
@ -72,23 +72,18 @@ const videoSrc = ref("");
|
||||
const imageList = reactive([
|
||||
{
|
||||
imgSrc: new URL("@/assets/img/home/game/001.png", import.meta.url).href,
|
||||
videoSrc: "https://www.youtube.com/watch?v=ecC6FAg5N7k",
|
||||
id: "ecC6FAg5N7k",
|
||||
videoSrc: "https://www.youtube.com/watch?v=ptJPhouPUlE",
|
||||
id: "ptJPhouPUlE",
|
||||
},
|
||||
{
|
||||
imgSrc: new URL("@/assets/img/home/game/002.png", import.meta.url).href,
|
||||
videoSrc: "https://www.youtube.com/watch?v=QRXWmEXfU7E",
|
||||
id: "QRXWmEXfU7E",
|
||||
videoSrc: "https://www.youtube.com/watch?v=kxix94VzQKA",
|
||||
id: "kxix94VzQKA",
|
||||
},
|
||||
{
|
||||
imgSrc: new URL("@/assets/img/home/game/003.png", import.meta.url).href,
|
||||
videoSrc: "https://www.youtube.com/watch?v=yOoJXogfQs0",
|
||||
id: "yOoJXogfQs0",
|
||||
},
|
||||
{
|
||||
imgSrc: new URL("@/assets/img/home/game/004.png", import.meta.url).href,
|
||||
videoSrc: "https://www.youtube.com/watch?v=sUQbFj8h4Wo",
|
||||
id: "sUQbFj8h4Wo",
|
||||
videoSrc: "https://www.youtube.com/watch?v=LyaYGm3FtiU",
|
||||
id: "LyaYGm3FtiU",
|
||||
}
|
||||
]);
|
||||
const thumbsSwiper = ref(null);
|
||||
|
||||
@ -24,7 +24,7 @@
|
||||
<div class="slogan-text">
|
||||
<ScrollAnimatedText>
|
||||
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?
|
||||
</ScrollAnimatedText>
|
||||
</div>
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="container">
|
||||
<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
|
||||
over 13 institutional investors, and is set to revolutionize the crypto
|
||||
gaming industry.
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="what-cebg">
|
||||
<div class="what-CEBG">
|
||||
<!-- <div
|
||||
class="cebg-game"
|
||||
class="CEBG-game"
|
||||
id="bgTest"
|
||||
:style="{ transform: 'translateY(' + -positionY1 + 'px)' }"
|
||||
>
|
||||
@ -26,7 +26,7 @@
|
||||
<div class="title">
|
||||
<img src="@/assets/img/home/what-title.png" alt="" />
|
||||
</div>
|
||||
<div class="what-cebg-img">
|
||||
<div class="what-CEBG-img">
|
||||
<img src="@/assets/img/home/what-boder.png" alt="" />
|
||||
</div>
|
||||
<!-- <div class="slogan">
|
||||
@ -195,7 +195,7 @@ onBeforeUnmount(() => {
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.what-cebg {
|
||||
.what-CEBG {
|
||||
position: relative;
|
||||
.what-bg {
|
||||
position: absolute;
|
||||
@ -224,7 +224,7 @@ onBeforeUnmount(() => {
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
.cebg-game {
|
||||
.CEBG-game {
|
||||
font-size: 180px;
|
||||
font-family: "Big John";
|
||||
font-weight: 400;
|
||||
@ -311,7 +311,7 @@ onBeforeUnmount(() => {
|
||||
font-weight: bold;
|
||||
color: #ffffff;
|
||||
}
|
||||
.what-cebg-img {
|
||||
.what-CEBG-img {
|
||||
width: 100%;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 87px;
|
||||
|
||||
@ -36,12 +36,12 @@
|
||||
<div class="follow-content">
|
||||
<div></div>
|
||||
<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="" /> -->
|
||||
</a>
|
||||
<a href="https://t.me/CEBG_official" class="telegram">
|
||||
<!-- <img src="../../assets/img/home/logo/telegram.png" alt="" /> -->
|
||||
</a>
|
||||
<!-- <a href="https://t.me/CEBG_official" class="telegram">
|
||||
|
||||
</a> -->
|
||||
<a href="https://discord.com/invite/fNSn2NHUvf" class="dosccord">
|
||||
<!-- <img src="../../assets/img/home/logo/discord.png" alt="" /> -->
|
||||
</a>
|
||||
@ -263,9 +263,9 @@ function backTop() {
|
||||
}
|
||||
.follow {
|
||||
// padding-top: 30px;
|
||||
width: 190px;
|
||||
width: 130px;
|
||||
display: flex;
|
||||
margin-left: 630px;
|
||||
margin-left: 670px;
|
||||
justify-content: space-between;
|
||||
// margin: 0 auto;
|
||||
}
|
||||
@ -296,8 +296,8 @@ function backTop() {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
img {
|
||||
width: 92px;
|
||||
height: 89px;
|
||||
width: 188px;
|
||||
height: 44px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
<div>
|
||||
<div class="header header-top">
|
||||
<div class="header-logo">
|
||||
<router-link to="/home">
|
||||
<router-link to="/">
|
||||
<img src="../../assets/img/home/header-logo.png" alt=""
|
||||
/></router-link>
|
||||
</div>
|
||||
@ -116,7 +116,7 @@ const formatAddress = computed(() => {
|
||||
const getNavItemClass = (index, nav) => {
|
||||
if (index === activeIndex.value) {
|
||||
return "active-nav-item";
|
||||
} else if (index === 5) {
|
||||
} else if (index === 5 || index === 4) {
|
||||
return "badge-nav-item";
|
||||
} else {
|
||||
return "";
|
||||
@ -140,7 +140,7 @@ const showMenu = ref(false);
|
||||
const showNavMenu = ref(false);
|
||||
const activeIndex = ref(0);
|
||||
const navList = reactive([
|
||||
{ id: 0, name: "HOME", path: "/home" },
|
||||
{ id: 0, name: "HOME", path: "/" },
|
||||
{ id: 1, name: "ABOUT", path: "/about" },
|
||||
{
|
||||
id: 2,
|
||||
@ -153,7 +153,7 @@ const navList = reactive([
|
||||
name: "COMMUNITY",
|
||||
path: "/contact",
|
||||
submenu: [
|
||||
{ label: "Twitter", link: "https://twitter.com/CEBG_GAME" },
|
||||
{ label: "Twitter", link: "https://twitter.com/_CounterFire" },
|
||||
{
|
||||
label: "Youtube",
|
||||
link: "https://youtube.com/c/CryptoElitesBattlegrounds",
|
||||
@ -162,23 +162,23 @@ const navList = reactive([
|
||||
label: "Facebook",
|
||||
link: "https://www.facebook.com/profile.php?id=100090965821157&mibextid=LQQJ4d",
|
||||
},
|
||||
{ label: "Medium", link: "https://medium.com/@CEBG-BATTLEGROUNDS" },
|
||||
{ label: "Telegram", link: "https://t.me/CEBG_Rally" },
|
||||
{ label: "Medium", link: "https://medium.com/@CounterFire" },
|
||||
// { label: "Telegram", link: "https://t.me/CEBG_Rally" },
|
||||
{ label: "Discord", link: "https://discord.com/invite/fNSn2NHUvf" },
|
||||
],
|
||||
},
|
||||
{ id: 4, name: "BETA TEST II", path: "/" },
|
||||
{ id: 5, name: "BADGE", path: "https://badge.kingsome.cn" },
|
||||
{ id: 6, name: "TASK", path: "/task" },
|
||||
{ id: 4, name: "GACHA", path: "https://gacha.counterfire.games" },
|
||||
{ id: 5, name: "BADGE", path: "https://badge.counterfire.games" },
|
||||
|
||||
|
||||
|
||||
]);
|
||||
//{ id: 5, name: "BADGE", path: "https://badge.kingsome.cn" },
|
||||
function handNavCurent(nav) {
|
||||
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);
|
||||
} else if (nav.id === 5) {
|
||||
} else if (nav.id === 5 || nav.id === 4) {
|
||||
window.open(nav.path, "_blank");
|
||||
}
|
||||
}
|
||||
@ -205,8 +205,12 @@ watchEffect(() => {
|
||||
0 2px 4px -2px rgba(0, 0, 0, 0.1);
|
||||
.header-logo {
|
||||
margin-left: 29px;
|
||||
width: 64px;
|
||||
height: 63px;
|
||||
width: 132px;
|
||||
height: 42px;
|
||||
img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.badge-nav-item {
|
||||
color: #ffba00 !important;
|
||||
@ -216,7 +220,7 @@ watchEffect(() => {
|
||||
color: rgba(12, 12, 12, 1) !important;
|
||||
}
|
||||
.nav {
|
||||
padding-left: 83px;
|
||||
padding-left: 30px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
// width: 830px;
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div>
|
||||
<NavBar v-if="!showLoading && currentRoute.path !== '/'"></NavBar>
|
||||
<NavBar v-if="!showLoading"></NavBar>
|
||||
<Loading v-if="showLoading" />
|
||||
<Transition class="fade">
|
||||
<router-view v-slot="{ Component }">
|
||||
|
||||
@ -59,7 +59,7 @@
|
||||
<div class="task-right-item">
|
||||
<div class="follow-content">
|
||||
<div>Follow CEBG</div>
|
||||
<div class="follow-cebg">Follow</div>
|
||||
<div class="follow-CEBG">Follow</div>
|
||||
</div>
|
||||
<div class="serial-number">5</div>
|
||||
</div>
|
||||
@ -315,7 +315,7 @@ async function login(event) {
|
||||
.follow-content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.follow-cebg {
|
||||
.follow-CEBG {
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
width: 91px;
|
||||
|
||||
@ -3,13 +3,9 @@ import Home from '../views/HomeView.vue';
|
||||
import GamePromotionEvent from '../views/GamePromotionEvent.vue';
|
||||
|
||||
const routes = [
|
||||
|
||||
{
|
||||
path: '/',
|
||||
name: 'game',
|
||||
component:GamePromotionEvent,
|
||||
},
|
||||
{
|
||||
path: '/home',
|
||||
name: 'home',
|
||||
component: Home,
|
||||
},
|
||||
@ -65,12 +61,17 @@ function isMobileDevice(userAgent) {
|
||||
router.beforeEach((to, from, next) => {
|
||||
const isMobile = isMobileDevice(window.navigator.userAgent);
|
||||
|
||||
// 对于 PC 端官网项目：
|
||||
if (!isMobile) {
|
||||
next(); // 如果是 PC 设备，继续导航
|
||||
// 检查URL中是否包含code参数
|
||||
if (to.query.code) {
|
||||
// 如果包含，那么重定向到另一个网站，并且携带邀请码
|
||||
window.location.href = `https://gacha.counterfire.games/?code=${to.query.code}`
|
||||
} else if (isMobile) {
|
||||
// 如果是移动设备，重定向到移动版的网站
|
||||
window.location.href = 'https://m.counterfire.games/';
|
||||
} else {
|
||||
window.location.href = 'https://mobile.cebg.games';
|
||||
// 如果不包含code参数并且不是移动设备，那么正常导航
|
||||
next()
|
||||
}
|
||||
});
|
||||
})
|
||||
|
||||
export default router;
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="home-box">
|
||||
<Banner></Banner>
|
||||
<WhatCebg></WhatCebg>
|
||||
<WhatCEBG></WhatCEBG>
|
||||
<GameIntroduction></GameIntroduction>
|
||||
<GameGallerp></GameGallerp>
|
||||
</div>
|
||||
@ -9,7 +9,7 @@
|
||||
<script setup>
|
||||
|
||||
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 GameGallerp from "@/components/home/GameGallerp.vue";
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div>
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user