huangjinming/CounterFireGames
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

公告

Browse Source
This commit is contained in:
yuyongdong 2024-08-26 16:34:25 +08:00
parent 629caa7dda
commit 43343faa4b
7 changed files with 286 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
marketplace-test.zip Normal file
View File

Binary file not shown.

BIN
src/assets/img/cec_claim/Bitgetlogo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 24 KiB

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

@ -356,9 +356,9 @@ const cecClaimLogout = async () => {
// if(marketplaceStore.fireAddress) {
marketplaceStore.fireAddress = ''
marketplaceStore.fireToken = ''
location.reload()
// } else {
await new BlockChain().logout()
location.reload()
// }
} catch (e) {
console.log(e)

52
src/components/notice/anomaly.vue Normal file
View File

@ -0,0 +1,52 @@
<template>
<div class="anomaly">
<div class="anomaly-content">
<!-- <div class="notice-content-title">
<h2>Announcement on Handling the Ticket Anomaly Incident</h2>
</div> -->
<div class="anomaly-content-text">
<div>
<img src="@/assets/img/notice/Announcement01.jpg" alt="">
</div>
</div>
<div class="anomaly-content-table">
<div>
<img src="@/assets/img/notice/Announcement02.jpg" alt="">
</div>
</div>
</div>
</div>
</template>
<script setup>
</script>
<style lang="scss" scoped>
.anomaly {
.anomaly-content {
width: 1920px;
margin: 0 auto;
.anomaly-content-text {
div {
height: 1230px;
margin: 0 auto;
img {
width: 100%;
height: 100%;
}
}
}
.notice-content-table {
div {
height: 3708px;
margin: 0 auto;
img {
width: 100%;
height: 100%;
}
}
}
}
}
</style>

114
src/components/notice/cecClaim.vue Normal file
View File

@ -0,0 +1,114 @@
<template>
<div class="claim">
<div class="content">
<div class="claim-title">
<h1>Request for $CEC New Listing on CoinMarketCap</h1>
<span>2024-08-25</span>
</div>
<div class="claim-line"></div>
<div class="claim-content">
<h4>Dear CoinMarketCap Team,</h4>
<div>
<p>We are writing to request the listing of our cryptocurrency, $CEC, on CoinMarketCap. We believe that listing $CEC will provide our community with greater visibility and access to our project’s information.</p>
</div>
<h4>Request Details and Proof of Authenticity:</h4>
<div>
<p>We kindly request that $CEC be listed on CoinMarketCap with the following details:</p>
</div>
<div class="flex">
<h5>• Token Name:</h5> <p>&nbsp;CEC</p>
</div>
<div class="flex">
<h5>• Official Website:</h5> <p>&nbsp;counterfire.games</p>
</div>
<div class="flex">
<h5>• Twitter:</h5> <p>&nbsp;x.com/playCounterFire</p>
</div>
<div class="flex">
<h5>• Discord:</h5> <p>&nbsp;discord.gg/counterfire</p>
</div>
<div>
<p>We appreciate your consideration of this request and look forward to having $CEC listed on CoinMarketCap. If you require any further information or clarification, please feel free to reach out to us.</p>
</div>
<div>
<p>Thank you for your support and collaboration.</p>
</div>
<div>
<h5>Best regards,</h5>
</div>
<div>
<p>CounterFire Team</p>
</div>
</div>
</div>
</div>
</template>
<script setup>
</script>
<style lang="scss" scoped>
.claim {
color: #fff;
overflow: hidden;
.content {
width: 1199px;
margin: 0 auto;
margin-top: 80px;
.claim-title {
position: relative;
h1 {
text-align: center;
font-family: 'Anton';
font-weight: 400;
font-size: 36px;
}
span {
display: inline-block;
position: absolute;
right: 0px;
bottom: 0px;
font-family: 'Poppins';
font-weight: 600;
font-size: 24px;
color: #F3F0FF;
}
}
.claim-line {
width: 100%;
height: 4px;
margin: 20px 0;
background: url('src/assets/img/notice/Announcement line.png') no-repeat;
background-size: 100% 100%;
}
.claim-content {
width: 1199px;
margin: 0 auto;
h4 {
font-family: 'Poppins';
font-weight: 700;
font-size: 24px;
margin: 20px 0;
}
div {
margin: 5px 0;
p {
font-family: 'Poppins-Regular';
font-weight: 400;
font-size: 18px;
}
h5 {
font-family: 'Poppins';
font-weight: 700;
font-size: 18px;
}
}
.flex {
display: flex;
align-items: center;
}
}
}
}
</style>

80
src/views/ClaimView.vue
View File

@ -84,7 +84,48 @@
</li>
</div>
</div>
<div class="content" v-else-if="address && cecUserStatus == -1">
<div class="content-tips">
You have no CEC available to claim.
</div>
<div class="content-btn">
<span class="btn login-btn" @click="connectLogout">Logout</span>
</div>
<div class="content-time">
<li>
<div class="left">
<div>
<img src="@/assets/img/cec_claim/Bitgetlogo.png" alt="">
</div>
<span>Deposit to Bitget</span>
</div>
<div class="right">
<span>Aug 30, 18:00 - Sep 3, 18:00 </span>
<div class="tips">
<img src="@/assets/img/cec_claim/Icon_!.png" alt="">
<div class="tips-box">
<div>
<p>XXXXXXXXXXXXXXXX</p>
<p>XXXXXXXXXXXXXXXX</p>
<p>XXXXXXXXXXXXXXXX</p>
<p>XXXXXXXXXXXXXXXX</p>
<p>XXXXXXXXXXXXXXXX</p>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="left">
<div></div>
<span>Claim to your wallet</span>
</div>
<div class="right">
<span>Coming soon</span>
</div>
</li>
</div>
</div>
<div class="content" v-else>
<div class="content-title">
<div class="content-title-logo">
@ -185,7 +226,7 @@
<!-- 1 绑定交易所 -->
<div v-if="cecUserStatus == 1">
<div class="body-box-title">
<p>Submit you $CEC Bitget exchange deposit address and Bitget exchange UIDto receive the #CEC airdrop</p>
<p>Submit you $CEC Bitget exchange deposit address and Bitget exchange UID to receive the #CEC airdrop</p>
<!-- <p>to receive the #CEC airdrop</p> -->
</div>
<div class="body-box-con">
@ -254,11 +295,16 @@ const getCecTotal = async () => {
let token = marketplaceStore.fireToken || localWalletStore.token
let data = await apiCecInfo(address.value, token)
cecInfo.value = data.data
if(data.data.bindUid == '') {
cecUserStatus.value = 0
if(data.data.available == 0 || data.data.available == '0') {
cecUserStatus.value = -1
} else {
cecUserStatus.value = 2
if(data.data.bindUid == '') {
cecUserStatus.value = 0
} else {
cecUserStatus.value = 2
}
}
}
}
@ -268,12 +314,18 @@ const connectLogin = async () => {
address.value = marketplaceStore.fireAddress || localWalletStore.address
}
const logout = async () => {
marketplaceStore.fireToken = ''
marketplaceStore.fireAddress = ''
await new BlockChain().logout()
address.value = ''
location.reload()
const connectLogout = async () => {
try {
// if(marketplaceStore.fireAddress) {
marketplaceStore.fireAddress = ''
marketplaceStore.fireToken = ''
location.reload()
// } else {
await new BlockChain().logout()
// }
} catch (e) {
console.log(e)
}
}
watch(() => [marketplaceStore.fireAddress, localWalletStore.address],
@ -320,7 +372,7 @@ onMounted(() => {
<style lang="scss" scoped>
.claim {
width: 100%;
height: 100%;
height: 1180px;
padding-top: 84px;
background: #16141b;
color: #fff;
@ -529,6 +581,8 @@ onMounted(() => {
width: 30px;
height: 30px;
margin: 0 20px;
border-radius: 50%;
overflow: hidden;
img {
width: 100%;
height: 100%;
@ -591,6 +645,8 @@ onMounted(() => {
.content-title-logo {
width: 30px;
height: 30px;
border-radius: 50%;
overflow: hidden;
img {
width: 100%;
height: 100%;

85
src/views/NoticeView.vue
View File

@ -1,50 +1,67 @@
<template>
<div class="notice">
<div class="notice-content">
<div class="notice-content-text">
<div>
<img src="@/assets/img/notice/Announcement01.jpg" alt="">
</div>
</div>
<div class="notice-content-table">
<div>
<img src="@/assets/img/notice/Announcement02.jpg" alt="">
</div>
</div>
</div>
<CecClaim />
<Footer />
</div>
</template>
<script setup>
import { ref } from "vue"
import Anomaly from "@/components/notice/anomaly.vue"
import CecClaim from "@/components/notice/cecClaim.vue"
import Footer from "@/components/common/footer.vue"
const noticeList = ref([
{}
])
</script>
<style lang="scss" scoped>
.notice {
.notice-content {
width: 1920px;
margin: 0 auto;
.notice-content-text {
div {
height: 1230px;
margin: 0 auto;
img {
width: 100%;
height: 100%;
}
}
}
.notice-content-table {
div {
height: 3708px;
margin: 0 auto;
img {
width: 100%;
height: 100%;
}
}
margin-top: 70px;
width: 100%;
height: 100%;
background: url('src/assets/img/notice/Announcement bg.png') no-repeat;
background-size: 100% 100%;
.notice-table {
position: absolute;
top: 168px;
left: 171px;
color: #fff;
z-index: 999;
li {
width: 269px;
height: 130px;
background: url('@/assets/img/notice/Announcement button02.png') no-repeat;
background-size: 100% 100%;
}
}
// padding-top: 84px;
// .notice-content {
// width: 1920px;
// margin: 0 auto;
// .notice-content-text {
// div {
// height: 1230px;
// margin: 0 auto;
// img {
// width: 100%;
// height: 100%;
// }
// }
// }
// .notice-content-table {
// div {
// height: 3708px;
// margin: 0 auto;
// img {
// width: 100%;
// height: 100%;
// }
// }
// }
// }
}
</style>