This commit is contained in:
huangjinming 2023-04-09 15:05:20 +08:00
parent d26e8751ee
commit 887726d328
18 changed files with 44 additions and 42 deletions

BIN
dist.rar

Binary file not shown.

View File

@ -4,7 +4,7 @@
<meta charset="UTF-8" />
<link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>CEBG</title>
<title>CEBG - Anime PUBG on fire!</title>
</head>
<script type="module">
import {Buffer} from 'buffer';

Binary file not shown.

After

Width:  |  Height:  |  Size: 159 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.0 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.4 KiB

After

Width:  |  Height:  |  Size: 7.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.5 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 41 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 864 KiB

View File

@ -36,8 +36,7 @@
</div>
<div class="card-item" v-else="currentStep == 3">
<div class="text">
In charged of Legend, Legends of the World,The Romance of Legends,
etc.
In charge of Legend, Legends of the world, The Romance of Legends, etc
</div>
</div>
</XyzTransition>
@ -47,11 +46,12 @@
<script setup>
import { ref, watch } from "vue";
const points = [
"Michael </br> Yue Founder",
"yoda</br> gaming econonist",
"SUPER</br> GPRODCER",
"XIN </br> CTO",
"FOUNDER </br> MICHEAL YUE",
"GAMING ECONOMIST</br> YODA",
"PRODUCER</br> SUPER G",
"CTO </br> XIN",
];
const currentStep = ref(0);

View File

@ -9,15 +9,15 @@
<div class="slogan">
<div class="cebg-stands">
<ScrollAnimatedText textColor="#FFF6DE"
>CEBG stands for Crypto Elite's: BATTLEGROUNDS,the first
blockchain-based game consisting of Moba,and Battleroyal. It's
>CEBG stands for Crypto Elite's: BATTLEGROUNDS, the first
blockchain-based game consisting of Moba, and Battle royal. It's
funded by more than 7 institutional investors.</ScrollAnimatedText
>
</div>
<div class="cebg-batlegrounds">
<ScrollAnimatedText textColor="#FFF6DE">
CEBG stands for Crypto Elite's: BATLEGROUNDS,the first
blockchain-based game consisting of Moba,and Battleroyal. It's
CEBG stands for Crypto Elite's: BATTLEGROUNDS, the first
blockchain-based game consisting of Moba, and Battle royal. It's
funded by more than 7 institutional investors.</ScrollAnimatedText
>
</div>

View File

@ -40,7 +40,7 @@
<div class="history-card">
<div class="card-item">
<div class="item">
<div class="text">PVE Model</div>
<div class="text">PVE Mode</div>
<div class="text">2D TPS Version Dev</div>
</div>
</div>
@ -65,14 +65,14 @@
<div class="card-item">
<div class="item">
<div class="text">Completing 3D <br>Upgrade</div>
<div class="text">10K+ Participation<br> in Test II</div>
<div class="text">10K+ Participations<br> in Test II</div>
<div class="text">NFT New Collection<br> Mint</div>
<div class="text">In-Game Marketplace</div>
</div>
</div>
<div class="card-item">
<div class="item">
<div class="text">Million Player in 3 <br>month</div>
<div class="text">Millions of players in 3 <br>months</div>
<div class="text">Off-line E-sport Event</div>
<div class="text">KOL<br> Engine completed</div>
<div class="text">City Warfare testing</div>
@ -80,7 +80,7 @@
</div>
<div class="card-item">
<div class="item">
<div class="text">Million Player</div>
<div class="text">Millions of players</div>
<div class="text">Off-line E-sport Event</div>
<div class="text">KOL Engine <br>completed</div>
<div class="text">City Warfare testing</div>

View File

@ -24,15 +24,15 @@
<div class="cebg-stands">
<ScrollAnimatedText text-color="#5D5D5D">
Our goal is to produce a game that is very enjoyable to play and
has excellent economy design that allows players to feel the joy
of playing while being able to earntokens.
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">
<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
so that creativity and value can flourish in the community.
is used to disrupt the existing content and value-sharing model
so that creativity and value can flourish in the community
</ScrollAnimatedText>
</div>
</div>
@ -100,7 +100,7 @@ const cardText = [
name: "Xin",
title: "CTO",
slogan:
"In charged of Legend, Legends of the World,The Romance of Legends, etc.",
"In Charge of Legend, Legends of the World,The Romance of Legends, etc.",
},
];
onMounted(() => {

View File

@ -13,7 +13,7 @@
/></a>
</div>
<div class="download-item-google">
<a href="https://play.google.com/store/apps/details?id=io.metamask">
<a href="https://play.google.com/store/apps/details?id=com.cege.games.release">
<img src="@/assets/img/home/google.png" alt=""
/></a>
</div>
@ -28,7 +28,7 @@
<div class="poster poster-there"></div>
</div>
<div class="banner-bg">
<img src="@/assets/img/home/banner-out.png" alt="" />
<img src="@/assets/img/home/banner-out.jpg" alt="" />
</div>
<div class="boder-bottom">
<img src="@/assets/img/home/banner-boder.png" alt="" />

View File

@ -316,6 +316,7 @@ function test(index, sc) {
height: 82px;
margin-left: 20px;
font-size: 16px;
text-align: center;
font-family: 'Poppins';
font-weight: bold;
color: #ffffff;

View File

@ -42,7 +42,7 @@
<a href="https://t.me/CEBG_official" class="telegram">
<!-- <img src="../../assets/img/home/logo/telegram.png" alt="" /> -->
</a>
<a href="https://discord.gg/8dWX6jpcME" class="dosccord">
<a href="https://discord.com/invite/fNSn2NHUvf" class="dosccord">
<!-- <img src="../../assets/img/home/logo/discord.png" alt="" /> -->
</a>
</div>
@ -66,7 +66,7 @@
</div>
<div class="footer-bottom">
<div class="mailbox">
COPYRIGHT © 上海淘梦网络科技有限公司.ALL RIGHTS RESERVED.
COPYRIGHT © Candy Bubble Global Limited.ALL RIGHTS RESERVED.
</div>
</div>
</div>

View File

@ -20,7 +20,7 @@
<li v-for="(item, index) in nav.submenu" :key="index">
<div class="link-content" v-if="i !== 2">
<div>
<a class="link-name" :href="item.link">{{ item.label }}</a>
<a class="link-name" :href="item.link" target="_blank" rel="noopener noreferrer">{{ item.label }}</a>
</div>
<div>
<img
@ -139,6 +139,7 @@ const navList = reactive([
},
{ label: "Medium", link: "https://medium.com/@CEBG-BATTLEGROUNDS" },
{ label: "Telegram", link: "https://t.me/CEBG_Rally" },
{ label: "Discord", link: "https://discord.com/invite/fNSn2NHUvf" },
],
},
{ id: 4, name: "BETA TEST", path: "/" },

View File

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

View File

@ -1,16 +1,16 @@
<template>
<div class="banner">
<div class="title">
<!-- <div class="title">
<div class="title-top">CEBG Beta Level-up Event</div>
<div class="limited">LIMITED-TIME</div>
<div class="time">
Duration : April 8 <span class="text">th</span> 6:00:00 - May 8
<span class="text">th</span> 15:59:59 <span class="text">( UTC )</span>
</div>
</div>
</div> -->
<div class="login-btn" @click="handlHome">OFFICIAL SITE</div>
<div class="banner-bg">
<img src="../assets/img/game/banner.png" alt="" />
<img src="../assets/img/game/banner.jpg" alt="" />
</div>
<div class="banner-bottom-boder"><img src="../assets/img/game/banner-bottom-boder.png" alt=""></div>
</div>
@ -21,19 +21,19 @@
<img src="../assets/img/game/rules.png" alt="" />
</div>
<div class="rules-slogan">
Before the end of the beta test, which is May 8th 15:59:59 (UTC), if
your in-game character reaches the corresponding level,<br />
Before the end of the beta test ll, which is May 8th 15:59:59 (UTC), if
you reaches the corresponding level,<br />
you can receive the following exquisite gifts:
</div>
<div class="upon-text">
<div>
1. Upon reaching <span class="text-item">leve 9</span> , you can obtain
1. &nbsp;Upon reaching <span class="text-item">level 9</span> , you can obtain
a rare and exquisite limited-edition skin.
</div>
<div>
2. Upon reaching <span class="text-item"> leve 12</span> , you can get
a explorer badge(NFT). It is free mint.
2. Upon reaching <span class="text-item"> level 15</span> , you can get
a Explorer badge(NFT). It is free mint.
</div>
</div>
<div class="notes">
@ -44,7 +44,7 @@
<br />
The edition skin can be equipped on the hero and is also seen as NFT.
After our marketplace is launched, it can be traded on the market.
<br />The specific distribution method and time for the explorer
<br />The specific distribution method and time for the Explorer
badge(NFT) will be notified separately. Please keep looking forward to
the latest news.
<br />
@ -94,7 +94,7 @@
</div>
<div class="faq-item">
<div class="q-text">
Q: What conditions are required to own this explorer badge(NFT)?
Q: What conditions are required to own this Explorer badge(NFT)?
</div>
<div class="a-text">
A: You need to participate in the beta test and your character
@ -115,7 +115,7 @@
Q: How will the rewards be sent to my account?
</div>
<div class="a-text">
A: In order to receive the skin and explorer badge(NFT), you need
A: In order to receive the skin and Explorer badge(NFT), you need
to ensure that the email and wallet accounts registered in the
officially launched game <br />
must be the same as the ones registered during the beta test.
@ -133,7 +133,7 @@
A: You need to log in to the game and register your character
within two weeks after the official release of the game to receive
the skin reward. <br />
The time for obtaining the explorer badge(NFT) will be notified
The time for obtaining the Explorer badge(NFT) will be notified
separately, please keep looking forward to the latest news.
</div>
</div>
@ -272,22 +272,22 @@ const handlHome = () => {
color: #dedede;
line-height: 24px;
.text-item {
font-size: 12px;
font-size: 14px;
// font-family: "Big John";
font-weight: 400;
font-weight: 800;
color: #ffe100;
}
}
.notes {
padding-top: 67px;
.notes-title {
font-size: 14px;
font-size: 16px;
font-family: "Poppins";
font-weight: 500;
color: #cacaca;
}
.notes-slogan {
font-size: 12px;
font-size: 14px;
font-family: "Poppins";
font-weight: 400;
color: #cacaca;