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

cec claim 公告

Browse Source
This commit is contained in:
yuyongdong 2024-08-26 16:45:47 +08:00
parent cc65e6f689
commit 2b88dde6d6
4 changed files with 232 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/common/footer.vue
View File

@ -88,7 +88,7 @@ const backTop = () => {
.follow-container { .follow-container {
font-family: "Arial", sans-serif; font-family: "Arial", sans-serif;
width: 100%; width: 100%;
height: 100%; // height: 100%;
background: #0e0e0e; background: #0e0e0e;
} }
.follow-content { .follow-content {

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>

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

@ -0,0 +1,128 @@
<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">
<h3>Dear CoinMarketCap Team,</h3>
<div>
<p>We are writing to request the listing of our cryptocurrency, $CEC, on CoinMarketCap.</p>
<p>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>
<br>
</div>
<div>
<p>We appreciate your consideration of this request and look forward to having $CEC listed on CoinMarketCap.</p>
<p>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>
<br>
</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;
padding-bottom: 160px;
.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: 18px;
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;
color: #F3F0FF;
h3 {
font-family: 'Poppins';
font-weight: 700;
font-size: 26px;
margin: 20px 0;
}
h4 {
font-family: 'Poppins';
font-weight: 700;
font-size: 22px;
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>

85
src/views/NoticeView.vue
View File

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