fix
This commit is contained in:
huangjinming
parent
c978fd1d85
commit
76fd6ce5cb
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
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
1
mobile/public/app-ads.txt
Normal file
1
mobile/public/app-ads.txt
Normal file
@ -0,0 +1 @@
|
||||
facebook.com, 738821754408343, DIRECT, c3e20eee3f780d68
|
||||
|
Before Width: | Height: | Size: 3.9 KiB After Width: | Height: | Size: 3.9 KiB |
@ -46,7 +46,7 @@
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
bottom: -1px;
|
||||
img{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@ -177,7 +177,7 @@ function handleScroll() {
|
||||
.history-bottom-boder {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
bottom: -1px;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
height: 116px;
|
||||
|
||||
@ -112,7 +112,7 @@ function handleScroll() {
|
||||
.banner-boder {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
bottom: -1px;
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@ -49,7 +49,7 @@
|
||||
.whitepaper-bottom-boder {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
bottom: -1px;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
height: 234px;
|
||||
|
||||
@ -1,16 +1,22 @@
|
||||
<template>
|
||||
<div class="banner">
|
||||
<div class="content">
|
||||
<div class="title"><img src="@/assets/img/mobile-home/banner-slogan.png" alt=""></div>
|
||||
<div class="title">
|
||||
<img src="@/assets/img/mobile-home/banner-slogan.png" alt="" />
|
||||
</div>
|
||||
<div class="download-btns">
|
||||
<div class="andriod">
|
||||
<img src="@/assets/img/mobile-home/andriod.png" alt="" />
|
||||
<a href="https://www.cebg.games/release/cebg.apk">
|
||||
<img src="@/assets/img/mobile-home/andriod.png" alt=""
|
||||
/></a>
|
||||
</div>
|
||||
<div class="apple">
|
||||
<img src="@/assets/img/mobile-home/apple.png" alt="" />
|
||||
</div>
|
||||
<div class="google">
|
||||
<img src="@/assets/img/mobile-home/google.png" alt="" />
|
||||
<a href="https://play.google.com/store/apps/details?id=io.metamask"
|
||||
><img src="@/assets/img/mobile-home/google.png" alt=""
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -48,7 +54,7 @@
|
||||
}
|
||||
.banner-bottom {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
bottom: -1px;
|
||||
width: 100%;
|
||||
// height: 100%;
|
||||
img {
|
||||
@ -60,22 +66,22 @@
|
||||
padding-top: 120px;
|
||||
position: relative;
|
||||
height: 100%;
|
||||
.title{
|
||||
width:725px ;
|
||||
.title {
|
||||
width: 725px;
|
||||
margin: 0 auto;
|
||||
margin-top: 333px;
|
||||
img{
|
||||
width:725px ;
|
||||
}
|
||||
img {
|
||||
width: 725px;
|
||||
}
|
||||
}
|
||||
.download-btns {
|
||||
position: absolute;
|
||||
bottom: 150px;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
display: flex;
|
||||
width: 92%;
|
||||
justify-content:space-between ;
|
||||
justify-content: space-between;
|
||||
.andriod {
|
||||
width: 216px;
|
||||
height: 66px;
|
||||
|
||||
@ -86,17 +86,7 @@
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<!-- <iframe
|
||||
:src="videoSrc"
|
||||
frameborder="0"
|
||||
allowfullscreen="true"
|
||||
scrolling="no"
|
||||
width="100%"
|
||||
height="100%"
|
||||
></iframe> -->
|
||||
</div>
|
||||
<!-- <VideoModal ref="videoModal" :video-src="videoSrc"> </VideoModal> -->
|
||||
<div></div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -162,50 +152,7 @@ function handleScroll() {
|
||||
positionY1.value = Y1.value - scrollTop * ratio.value; //原始高度-滚动距离*视差系数
|
||||
}
|
||||
const fullscreen = ref(false);
|
||||
function toggleFullScreen() {
|
||||
if (this.isFullScreen) {
|
||||
// 退出全屏
|
||||
document.exitFullscreen();
|
||||
this.isFullScreen = false;
|
||||
} else {
|
||||
// 进入全屏
|
||||
const de = document.documentElement;
|
||||
if (de.requestFullscreen) {
|
||||
de.requestFullscreen();
|
||||
} else if (de.mozRequestFullScreen) {
|
||||
de.mozRequestFullScreen();
|
||||
} else if (de.webkitRequestFullScreen) {
|
||||
de.webkitRequestFullScreen();
|
||||
} else if (de.msRequestFullscreen) {
|
||||
de.msRequestFullscreen();
|
||||
}
|
||||
this.isFullScreen = true;
|
||||
}
|
||||
}
|
||||
function openFullscreen() {
|
||||
const elem = document.documentElement;
|
||||
|
||||
if (elem.requestFullscreen) {
|
||||
elem.requestFullscreen();
|
||||
fullscreen.value = true;
|
||||
} else if (elem.webkitRequestFullscreen) {
|
||||
elem.webkitRequestFullscreen();
|
||||
fullscreen.value = true;
|
||||
} else {
|
||||
// fallback to showing the modal
|
||||
fullscreen.value = false;
|
||||
openModal();
|
||||
}
|
||||
}
|
||||
|
||||
const handleClick = (item) => {
|
||||
if (fullscreen.value) {
|
||||
return;
|
||||
}
|
||||
videoSrc.value = item.videoSrc;
|
||||
console.log(videoModal.value, "videoModal");
|
||||
videoModal.value.open();
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@ -230,7 +177,7 @@ const handleClick = (item) => {
|
||||
}
|
||||
.gallerp-bottom-boder {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
bottom: -1px;
|
||||
width: 100%;
|
||||
// height: 100%;
|
||||
img {
|
||||
@ -241,13 +188,13 @@ const handleClick = (item) => {
|
||||
.title {
|
||||
position: absolute;
|
||||
right: 0%;
|
||||
top: -1352px;
|
||||
top: -1300px;
|
||||
text-align: center;
|
||||
font-size: 100px;
|
||||
font-family: "Big John";
|
||||
color: #e09162;
|
||||
line-height: 30px;
|
||||
opacity: 0.8;
|
||||
// opacity: 0.8;
|
||||
z-index: 1;
|
||||
}
|
||||
.content {
|
||||
@ -292,7 +239,7 @@ const handleClick = (item) => {
|
||||
margin-right: 30px;
|
||||
color: #263641;
|
||||
cursor: pointer;
|
||||
background-image: url("@/assets/img/home/go-to-btn-active.png");
|
||||
background-image: url("@/assets/img/mobile-home/go-to-btn-active.png");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
// border: 1px solid #333;
|
||||
@ -309,7 +256,7 @@ const handleClick = (item) => {
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
background: url("@/assets/img/home/go-to-btn.png") no-repeat;
|
||||
background: url("@/assets/img/mobile-home/go-to-btn.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
transform: scaleX(1, 1);
|
||||
opacity: 1;
|
||||
@ -361,7 +308,7 @@ const handleClick = (item) => {
|
||||
display: flex;
|
||||
// padding-bottom: 100px;
|
||||
// flex-wrap: wrap;
|
||||
|
||||
|
||||
// flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
@ -370,7 +317,7 @@ const handleClick = (item) => {
|
||||
.content {
|
||||
width: 100%;
|
||||
height: 45px;
|
||||
|
||||
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
.gallery-banner-img {
|
||||
@ -426,8 +373,7 @@ const handleClick = (item) => {
|
||||
.gameplay-bottom-title {
|
||||
position: absolute;
|
||||
left: -100px;
|
||||
top: -2180px;
|
||||
|
||||
top: -1780px;
|
||||
width: 120%;
|
||||
// padding-top: 40px;
|
||||
text-align: center;
|
||||
@ -435,7 +381,7 @@ const handleClick = (item) => {
|
||||
font-family: "Big John";
|
||||
color: #13293a;
|
||||
// line-height: 30px;
|
||||
opacity: 0.3;
|
||||
// opacity: 0.3;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
@ -473,8 +419,8 @@ const handleClick = (item) => {
|
||||
height: 30px;
|
||||
margin-left: 10px;
|
||||
/*图片路径*/
|
||||
background: url("@/assets/img/home/game-swiper-card/bullet.png") no-repeat
|
||||
left center;
|
||||
background: url("@/assets/img/mobile-home/game-swiper-card/bullet.png")
|
||||
no-repeat left center;
|
||||
background-size: contain;
|
||||
}
|
||||
/*显示当前活动块的图片*/
|
||||
@ -482,7 +428,7 @@ const handleClick = (item) => {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
/*图片路径*/
|
||||
background: url("@/assets/img/home/game-swiper-card/bullet-active.png")
|
||||
background: url("@/assets/img/mobile-home/game-swiper-card/bullet-active.png")
|
||||
no-repeat right center;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
@ -7,7 +7,7 @@
|
||||
<div class="gameplay-right">
|
||||
<div class="title">GAMEPLAY</div>
|
||||
<div class="gameplay-img">
|
||||
<img src="@/assets/img/home/gameplay.png" alt="" />
|
||||
<img src="@/assets/img/mobile-home/gameplay.png" alt="" />
|
||||
</div>
|
||||
<div class="pve">
|
||||
<div
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="nav">
|
||||
<div class="nav-logo">
|
||||
<img src="../../assets/img/home/nav-logo.png" alt="" />
|
||||
<a href="/"> <img src="../../assets/img/home/nav-logo.png" alt="" /></a>
|
||||
</div>
|
||||
<div class="nav-right">
|
||||
<div class="avatar-icon" v-if="!chain.logined" @click="login">
|
||||
@ -76,24 +76,24 @@ function switchNav(event) {
|
||||
const navList = reactive([
|
||||
{ id: 0, name: "HOME", path: "/" },
|
||||
{ id: 1, name: "ABOUT", path: "/about" },
|
||||
{
|
||||
id: 2,
|
||||
name: "MARKETPLACE",
|
||||
path: "/marketpalce",
|
||||
submenu: [{ label: "Coming soon", link: "/products/1" }],
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
name: "COMMUNITY",
|
||||
path: "/contact",
|
||||
submenu: [
|
||||
{ label: "Twitter", link: "/products/1" },
|
||||
{ label: "Youtube", link: "/products/2" },
|
||||
{ label: "Facebook", link: "/products/3" },
|
||||
{ label: "Medium", link: "/products/3" },
|
||||
{ label: "Telegram", link: "/products/3" },
|
||||
],
|
||||
},
|
||||
// {
|
||||
// id: 2,
|
||||
// name: "MARKETPLACE",
|
||||
// path: "/marketpalce",
|
||||
// submenu: [{ label: "Coming soon", link: "/products/1" }],
|
||||
// },
|
||||
// {
|
||||
// id: 3,
|
||||
// name: "COMMUNITY",
|
||||
// path: "/contact",
|
||||
// submenu: [
|
||||
// { label: "Twitter", link: "/products/1" },
|
||||
// { label: "Youtube", link: "/products/2" },
|
||||
// { label: "Facebook", link: "/products/3" },
|
||||
// { label: "Medium", link: "/products/3" },
|
||||
// { label: "Telegram", link: "/products/3" },
|
||||
// ],
|
||||
// },
|
||||
]);
|
||||
async function login(event) {
|
||||
if (!chain.logined) {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user